Games
Movies
TV
Video
Wikis
Explore Wikis
Community Central
Start a Wiki
Search
This wiki
This wiki
All wikis
|
Sign In
Don't have an account?
Register
Start a Wiki
Big Nate Comments Wiki
1,511
Pages
Add new page
Featured
Most visited articles
The Wiki Civil War
The Bannings
BNCW THEORY: Pig Lover is ComicsCreatorz (Disproved by Majority)
Big Nate Fanfiction
Community Activity:The Room V2
The Super Civil War
2021 Alignment Chart Competition
Users
Profile: Heatman84
7o'clock
BiggerNate91
Swasimcool
Profile: NotSarweshbutbad/ Nobody Else
Neptune7Ninja2Comics Commenters left
Profile: ToPhu
Profile: ItsP-dog
Wars
Jimmy Clan
Yoda's New Grave
2021 Winter Mod Election
Help
Social Medias
BNCS Discord Server
BNCS Subreddit
Contact an Administrator
Message Wall:Ak-Elfs
Message Wall:EddieAndReady88
Message Wall:ChemicalChaos_GC
Message Wall:Moon_Man_is_gone
Contact a Moderator
Message Wall:GarfieldMN
Message Wall:Lssj8521
Fun and Games
Community Activities and Games
Community
Wiki Activity
Badges Leaderboard
Administration
User Reporting Page
Admins and Mods
@import "/load.php?mode=articles&only=styles&articles=MediaWiki:Local.css?ctype=text/css|u:dev:MediaWiki:FandomizedWikiFeatures.css|u:dev:MediaWiki:PIImprovements.css|u:dev:MediaWiki:SpoilerBlur/code.css|u:dev:MediaWiki:FandomizedBloglists/code.css|u:dev:MediaWiki:FandomizedToggles/code.css|u:dev:MediaWiki:ModernCommentsSection.css|u:dev:MediaWiki:TZclock.css|u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:MediaWiki:NewCat%26LangBars.css|u:dev:MediaWiki:ModernLeaderboard.css|u:dev:MediaWiki:FandomizedButtons.css"; @import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap'); @import url('https://mega.nz/file/WFtGHQjD#LngsIFlL5_LJe0mTIgH87dH9uIFXUdWZ1SLyPY_jKCI%22'); @import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap%27'); @import url('https://fonts.googleapis.com/css2?family=Cherry+Cream+Soda&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap'); @import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nova+Cut&display=swap'); @import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light&display=swap'); /**********************************************/ /************** Table of Contents *************/ /**********************************************/ /* SECTION A — WIKI FEATURES * A.1 — Gradient Texts * A.2 — Leaderboard * A.3 — Profiles and Glows * A.4 — Profile Tag Stylings * A.5 — Pages * A.6 — Miscellaneous Stylings * A.7 - Google Fonts * A.8 - Gradient Buttons * A.9 - Gradient Backgrounds */ /************************************/ /*********A.1 Gradient Texts*********/ /************************************/ /* ignore US import*/ .WikiaNotifications { border-radius: 4px; } /* Rainbow Text (Webkit only!) */ .text-rainbow { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainbow 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* HyperRainbow Text (Webkit only!) */ .text-hyperrainbow { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68bB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD75D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D84DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-HyperRainbow 0.8s infinite; color: #33c0cc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-HyperRainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Dark Text (Webkit only!) */ .text-dark { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #8B0000), color-stop(0.5, #FF0000), color-stop(0.75, #8B0000), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #8B0000 25%, #FF0000 50%, #8B0000 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Dark 4s infinite; color: #8B0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Dark { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* HyperDark Text (Webkit only!) */ .text-Hyperdark { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #8B0000), color-stop(0.5, #FE0000), color-stop(0.75, #8B0000), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #8B0000 25%, #FE0000 50%, #8B0000 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-HyperDark 1s infinite; color: #8B0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-HyperDark { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* NobodyElse Text (Webkit only!) */ .text-NobodyElse { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff9500), color-stop(0.25, #ffc400), color-stop(0.5, #00aeff), color-stop(0.75, #00ddff), color-stop(1, #8800ff)); background-image: -webkit-linear-gradient(left, #8800ff 0%, #00ddff 25%, #00aeff 50%, #ffc400 75%, #ff9500 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-NobodyElse 4s infinite; color: #ff9500; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-NobodyElse { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Spyroclub1 Text (Webkit only!) */ .text-Spyroclub1 { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff9500), color-stop(0.25, #a5d4c8), color-stop(0.5, #a5d4c8), color-stop(0.75, #15ff00), color-stop(1, #ff00d4)); background-image: -webkit-linear-gradient(left, #ff9500 0%, #a5d4c8 25%, #a5d4c8 50%, #15ff00 75%, #ff00d4 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Spyroclub1 4s infinite; color: #002aff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Spyroclub1 { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Midnight Text (Webkit only!) */ .text-Midnight { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #2b0340), color-stop(0.5, #430563), color-stop(0.75, #61098f), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #61098f 25%, #430563 50%, #2b0340 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Midnight 4s infinite; color: #002aff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Midnight { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Ice Text (Webkit only!) */ .text-Ice { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #014e52), color-stop(0.25, #00b1ba), color-stop(0.5, #29f4ff), color-stop(0.75, #047278), color-stop(1, #014e52)); background-image: -webkit-linear-gradient(left, #014e52 0%, #00b1ba 25%, #29f4ff 50%, #047278 75%, #00b1ba 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Ice 4s infinite; color: #014e52; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Ice { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Sunrise Text (Webkit only!) */ .text-Sunrise { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Sunrise 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Sunrise { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* HyperSunrise Text (Webkit only!) */ .text-HyperSunrise { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AD0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6B85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68BB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-HyperSunrise 1s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-HyperSunrise { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*french Text (Webkit Only!) */ .text-french { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #FFEFF6), color-stop(0.5, #FFFFFF), color-stop(0.75, #d3fdf8), color-stop(1, #0000FF)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #FFEFF6 25%, #FFFFFF 50%, #d3fdf8 75%, #0000FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-French 4s infinite; color: #FFFFFF; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-French { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Poppy Text (Webkit Only!) */ .text-poppy { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #FFEFF6), color-stop(0.5, #FFFFFF), color-stop(0.75, #E9E9E9), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #FFEFF6 25%, #FFFFFF 50%, #E9E9E9 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Poppy 3s infinite; color: #FF0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Poppy { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Canada Text (Webkit only!) */ .text-canada { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #ff0000), color-stop(0.5, #ffffff), color-stop(0.75, #ffffff), color-stop(1, #ff0000)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #FF4500 25%, #F28931 50%, #FFC511 75%, #ff0000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Canada 4s infinite; color: #ff0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Canada { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* SpongeBob Text (Webkit only!) */ .text-spongebob { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #FFFF7D), color-stop(0.5, #FFFFFF), color-stop(0.75, #FFFF7D), color-stop(1, #FFFF00)); background-image: -webkit-linear-gradient(left, #FFFF00 0%, #FFFF7D 25%, #FFFFFF 50%, #FFFF7D 75%, #FFFF00 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-SpongeBob 4s infinite; color: #ffff00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-SpongeBob { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Galaxy Text (Webkit only!) */ .text-galaxy { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #02008C), color-stop(0.25, #5936D0), color-stop(0.5, #A184FA), color-stop(0.75, #5936D0), color-stop(1, #02008C)); background-image: -webkit-linear-gradient(left, #02008C 0%, #5936D0 25%, #A184FA 50%, #5936D0 75%, #02008C 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Galaxy 4s infinite; color: #6749CD; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Galaxy { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Crossdoggo Text (Webkit only!) */ .text-crossdoggo { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #02008C), color-stop(0.25, #A184FA), color-stop(0.5, #FF0000), color-stop(0.75, #FFFFFF), color-stop(1, #8C8C8C)); background-image: -webkit-linear-gradient(left, #02008C 0%, #A184FA 25%, #FF0000 50%, #FFFFFF 75%, #8C8C8C 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Crossdoggo 6s infinite; color: #5936D0; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Crossdoggo { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Thanksgiving Text (Webkit only!) */ .text-thanksgiving { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffa500), color-stop(0.25, #f8d568), color-stop(0.5, #FFFF00), color-stop(0.75, #c39b77), color-stop(1, #6b4000)); background-image: -webkit-linear-gradient(left, #ffa500 0%, #f8d568 25%, #FFFF00 50%, #c39b77 75%, #6b4000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Thanksgiving 4s infinite; color: #f8d568; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Thanksgiving { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Hanukkah Text (Webkit only!) */ .text-hanukkah { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8C8C8C), color-stop(0.25, #CCCCCC), color-stop(0.5, #FFFFFF), color-stop(0.75, #b8d1ff), color-stop(1, #6390ff)); background-image: -webkit-linear-gradient(left, #8C8C8C 0%, #CCCCCC 25%, #FFFFFF 50%, #b8d1ff 75%, #6390ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Hanukkah 4s infinite; color: #CCCCCC; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Hanukkah { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Christmas Text (Webkit only!) */ .text-christmas { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #ff9e9e), color-stop(0.5, #FFFFFF), color-stop(0.75, #5eff5e), color-stop(1, #018001)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #ff9e9e 25%, #FFFFFF 50%, #5eff5e 75%, #018001 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Christmas 4s infinite; color: #5eff5e; /* Fallback color for non-webkit browsers */ white-space: nowrap; } /* Techno Text (Webkit only!) */ .text-Techno { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #02122e), color-stop(0.5, #06255c), color-stop(0.75, #055499), color-stop(1, #00ff7b)); background-image: -webkit-linear-gradient(left, #000000 0%, #f1ff2b 25%, #00ff55 50%, #00ff55 75%, #00b3ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Techno 4s infinite; color: #00ddff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Techno { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* HyperTechno Text (Webkit only!) */ .text-HyperTechno { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #02122e), color-stop(0.5, #06255c), color-stop(0.75, #055499), color-stop(1, #00ff7b)); background-image: -webkit-linear-gradient(left, #000000 0%, #f1ff2b 25%, #00ff55 50%, #00ff55 75%, #00b3ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Techno 0.8s infinite; color: #00ddff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-HyperTechno { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Nate Wright (Webkit only!) */ .text-Natewright { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #260101), color-stop(0.25, #e3a41e), color-stop(0.5, #e01b1e), color-stop(0.75, #ff0084), color-stop(1, #ff0084)); background-image: -webkit-linear-gradient(left, #a36f0f 0%, #a6081b 25%, #d41c32 50%, #520710 75%, #260101 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Natewright 4s infinite; color: #00CCFF; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Natewright { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* GG4L Text (Webkit only!) */ .text-gg4l { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #DAA520), color-stop(0.2, #FFFF00), color-stop(0.4, #A0522D), color-stop(0.6, #C4C4C4), color-stop(0.8, #FF0000), color-stop(1, #FFA500)); background-image: -webkit-linear-gradient(left, #DAA520 0%, #FFFF00 20%, #A0522D 40%, #C4C4C4 60%, #FF0000 80%, #FFA500 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-GG4L 8s infinite; color: #FFFF00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-GG4L { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Piglover Text (Webkit only!) */ .text-piglover { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFF00), color-stop(0.25, #FF7DD8), color-stop(0.5, #FF7DD8), color-stop(0.75, #FF7DD8), color-stop(1, #0099FF)); background-image: -webkit-linear-gradient(left, #FFFF00 0%, #FF7DD8 25%, #FF7DD8 50%, #FF7DD8 75%, #0099FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Piglover 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Piglover { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* GarfieldMN Text (Webkit only!) */ .text-garfieldmn { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFC761), color-stop(0.25, #FFA500), color-stop(0.5, #000000), color-stop(0.75, #8C8C8C), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(left, #FFC761 0%, #FFA500 25%, #000000 50%, #8C8C8C 75%, #FFFFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Garfieldmn 4s infinite; color: #FFA500; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Garfieldmn { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* America Text (Webkit only!) */ .text-america { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #f7d6ff), color-stop(0.5, #0000FF), color-stop(0.75, #b8c1ff), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #f7d6ff 25%, #0000FF 50%, #b8c1ff 75%, #FFFFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-America 4s infinite; color: #FF0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-America { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Colors Text (Webkit only!) */ .text-colors { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #FFA500), color-stop(0.5, #FFFF00), color-stop(0.75, #008A00), color-stop(1, #0000FF)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #FFA500 25%, #FFFF00 50%, #008A00 75%, #0000FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Colors 4s infinite; color: #FFFFFF; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Colors { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* NeptuneNC Text (Webkit only!) */ .text-neptunenc { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #63a2ff), color-stop(0.25, #121e63), color-stop(0.5, #341263), color-stop(0.75, #9554f0), color-stop(1, #63a2ff)); background-image: -webkit-linear-gradient(left, #63a2ff 0%, #121e63 25%, #341263 50%, #9554f0 75%, #63a2ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Neptunenc 4s infinite; color: #63a2ff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Neptunenc { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Cheesedoodle Text (Webkit only!) */ .text-Cheesedoodle { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #19bf00), color-stop(0.25, #80ff00), color-stop(0.5, #ffd500), color-stop(0.75, #ff9900), color-stop(1, #ed9818)); background-image: -webkit-linear-gradient(left, #005ff7 0%, #6789bf 25%, #4d2a82 50%, #35303d 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Cheesedoodle 3s infinite; color: #19bf00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Cheesedoodle { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* BNCW Text (Webkit only!) */ .text-bncw { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #006F95), color-stop(0.5, #000000), color-stop(0.75, #012C57), color-stop(1, #ED6A26)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #006F95 25%, #000000 50%, #012C57 75%, #ED6A26 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Bncw 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Bncw { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Fandom Text (Webkit only!) */ .text-fandom { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #7babb3), color-stop(0.5, #032E35), color-stop(0.75, #00d6c5), color-stop(1, #00E0CE)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #7babb3 25%, #032E35 50%, #00d6c5 75%, #00E0CE 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Fandom 4s infinite; color: #00E0CE; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Fandom { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* PewDiePie Text (Webkit only!) */ .text-pewdiepie { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #5C5C5C), color-stop(0.25, #5C5C5C), color-stop(0.5, #000000), color-stop(0.75, #e3393b), color-stop(1, #FD4547)); background-image: -webkit-linear-gradient(left, #5C5C5C 0%, #5C5C5C 25%, #000000 50%, #e3393b 75%, #FD4547 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Pewdiepie 4s infinite; color: #FD4547; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Pewdiepie { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Brofist Text (Webkit only!) */ .text-brofist { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #E3D9D7), color-stop(0.25, #a89d9b), color-stop(0.5, #1D3245), color-stop(0.75, #00a8c2), color-stop(1, #01DDFF)); background-image: -webkit-linear-gradient(left, #E3D9D7 0%, #a89d9b 25%, #1D3245 50%, #00a8c2 75%, #01DDFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Brofist 4s infinite; color: #01DDFF; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Brofist { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* N00b Text (Webkit only!) */ .text-n00b { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #C5C5C5), color-stop(0.25, #8a6e62), color-stop(0.5, #873b00), color-stop(0.75, #662c00), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #C5C5C5 0%, #8a6e62 25%, #873b00 50%, #662c00 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-N00b 4s infinite; color: #873b00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-N00b { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Roblox Text (Webkit only!) */ .text-roblox { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #FFBFBF), color-stop(0.5, #FF0000), color-stop(0.75, #B00000), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFBFBF 25%, #FF0000 50%, #B00000 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Roblox 4s infinite; color: #FF0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Roblox { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Minecraft Text (Webkit only!) */ .text-minecraft { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00ff00), color-stop(0.25, #00f2d6), color-stop(0.5, #0099ff), color-stop(0.75, #0099ff), color-stop(1, #a16800)); background-image: -webkit-linear-gradient(left, #00ff00 0%, #00f2d6 25%, #0099ff 50%, #0099ff 75%, #a16800 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Minecraft 4s infinite; color: #00ff00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Minecraft { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Football Text (Webkit only!) */ .text-football { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #402900), color-stop(0.25, #ffc55ff), color-stop(0.5, #ffffff), color-stop(0.75, #ffffff), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #ffffff 25%, #ffffff 50%, #ffffff 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Soccerball 4s infinite; color: #000000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Soccerball { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Sugarcat Text (Webkit only!) */ .text-sugarcat { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2e1d00), color-stop(0.25, #7a4d00), color-stop(0.5, #ffffff), color-stop(0.75, #7a4d00), color-stop(1, #2e1d00)); background-image: -webkit-linear-gradient(left, #2e1d00 0%, #7a4d00 25%, #ffffff 50%, #7a4d00 75%, #2e1d00 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Sugarcat 4s infinite; color: #2e1d00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } /* Rainforest Text (Webkit only!) */ .text-Rainforest { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #402828), color-stop(0.25, #381e1e), color-stop(0.5, #19630a), color-stop(0.75, #08c21a), color-stop(1, #05f786)); background-image: -webkit-linear-gradient(left, #402828 0%, #381e1e 25%, #19630a 50%, #f08c24 75%, #05f786 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainforest 4s infinite; color: #08c21a; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainforest { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } @keyframes Text-Sugarcat { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* NRTeddy Text (Webkit only!) */ .text-nrteddy { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #FFFFFF), color-stop(0.5, #000000), color-stop(0.75, #5C5C5C), color-stop(1, #5C5C5C)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 25%, #000000 50%, #5C5C5C 75%, #5C5C5C 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-NRTeddy 4s infinite; color: #FFFFFF; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-NRTeddy { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Yeet Text (Webkit only!) */ .text-yeet { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #8000FF), color-stop(0.5, #0000FF), color-stop(0.75, #00FF00), color-stop(1, #FFFF00)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #8000FF 25%, #0000FF 50%, #00FF00 75%, #FFFF00 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Yeet 0.8s infinite; color: #8000FF; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Yeet { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* 1st Text (Webkit only!) */ .text-1st { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #DAA520), color-stop(0.25, #FFFF00), color-stop(0.5, #FFA500), color-stop(0.75, #FF0000), color-stop(1, #A0522D)); background-image: -webkit-linear-gradient(left, #DAA520 0%, #FFFF00 25%, #FFA500 50%, #FF0000 75%, #A0522D 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-1st 4s infinite; color: #DAA520; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-1st { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Spacepuppy Text (Webkit only!) */ .text-spacepuppy { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D2B48C), color-stop(0.25, #D2B48C), color-stop(0.5, #000000), color-stop(0.75, #FFFFFF), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(left, #D2B48C 0%, #D2B48C 25%, #000000 50%, #FFFFFF 75%, #FFFFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Spacepuppy 4s infinite; color: #D2B48C; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Spacepuppy { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Wintergreen Text (Webkit only!) */ .text-wintergreen { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #98ff98), color-stop(0.25, #98ff98), color-stop(0.5, #89D989), color-stop(0.75, #FFFFFF), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(left, #98ff98 0%, #98ff98 25%, #89D989 50%, #FFFFFF 75%, #FFFFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Wintergreen 4s infinite; color: #98ff98; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Wintergreen { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Heart Text (Webkit only!) */ .text-heart { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffc0cb), color-stop(0.25, #feb8ff), color-stop(0.5, #e1b8ff), color-stop(0.75, #c9b8ff), color-stop(1, #b8bdff)); background-image: -webkit-linear-gradient(left, #ffc0cb 0%, #feb8ff 25%, #e1b8ff 50%, #c9b8ff 75%, #b8bdff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Heart 4s infinite; color: #ffc0cb; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Heart { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Pdog Text (Webkit only!) */ .text-pdog { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0000ff), color-stop(0.25, #136207), color-stop(0.5, #00ff00), color-stop(0.75, #bdffbd), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #0000ff 0%, #136207 25%, #00ff00 50%, #bdffbd 75%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Pdog 4s infinite; color: #136207; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Pdog { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Random Text (Webkit only!) */ .text-random { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #800000), color-stop(0.2, #00FA9A), color-stop(0.4, #00FFFF), color-stop(0.6, #3CB371), color-stop(0.8, #00FF00), color-stop(1, #FF00FF)); background-image: -webkit-linear-gradient(left, #800000 0%, #00FA9A 20%, #00FFFF 40%, #3CB371 60%, #00FF00 80%, #FF00FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Random 4s infinite; color: #00FA9A; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Random { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Winterwonderland Text (Webkit only!) */ .text-winterwonderland { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #0073D9), color-stop(0.5, #1B0EB0), color-stop(0.75, #0073D9), color-stop(1, #BBD6E4)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #0073D9 25%, #1B0EB0 50%, #0073D9 75%, #BBD6E4 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Winterwonderland 4s infinite; color: #0073D9; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Winterwonderland { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Golden Text (Webkit only!) */ .text-golden { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7d6900), color-stop(0.25), color-stop(0.5, #ffe038), color-stop(0.75, #CCAC00), color-stop(1, #7d6900)); background-image: -webkit-linear-gradient(left, #7d6900 0%, #CCAC00 25%, #ffe038 50%, #CCAC00 75%, #7d6900 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Golden 4s infinite; color: #CCAC00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Golden { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Astronic Text (Webkit only!) */ .text-Astronic { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #5100ff), color-stop(0.25, #2b00ff), color-stop(0.5, #0000ff), color-stop(0.75, #6600ff), color-stop(1, #8c00ff)); background-image: -webkit-linear-gradient(left, #ffbb00 0%, #a200ff 25%, #2b00ff 50%, #6600ff 75%, #8c00ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Astronic 5s infinite; color: #5100ff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Astronic { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* milkshake Text (Webkit only!) */ .text-milkshake { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #230161), color-stop(0.25), color-stop(0.5, #400994), color-stop(0.75, #6a5e7a), color-stop(1, #9384ab)); background-image: -webkit-linear-gradient(left, #230161 0%, #400994 25%, #6a5e7a 50%, #9384ab 75%, #400994 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-milkshake 4s infinite; color: #400994; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-milkshake { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Fanta Text (Webkit only!) */ .text-Fanta { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #cfa846), color-stop(0.25, #fcc63d), color-stop(0.5, #f5c24c), color-stop(0.75, #f7ce6d), color-stop(1, #fceabd)); background-image: -webkit-linear-gradient(left, #fcb100 0%, #f5b41b 25%, #f5c24c 50%, #fcc63d 75%, #ffe091 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Fanta 4s infinite; color: #fcb100; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Fanta { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Swasimcool Text (Webkit only!) */ .text-swasimcool { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFA500), color-stop(0.25, #FFFF00), color-stop(0.5, #FF0000), color-stop(0.75, #00BA00), color-stop(1, #FFE5B4)); background-image: -webkit-linear-gradient(left, #FFA500 0%, #FFFF00 25%, #FF0000 50%, #00BA00 75%, #FFE5B4 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Swasimcool 4s infinite; color: #FFA500; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Swasimcool { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Stargazer Text (Webkit only!) */ .text-stargazer { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0e0117), color-stop(0.25, #42056e), color-stop(0.5, #7a6f0a), color-stop(0.75, #f5dd02), color-stop(1, #4b02ab)); background-image: -webkit-linear-gradient(left, #190238 0%, #42056e 25%, #676905 50%, #a0a307 75%, #f7c200 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Stargazer 4s infinite; color: #af00fa; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Stargazer { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Commentn Text (Webkit only!) */ .text-Commentn { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #8c0303), color-stop(0.5, #eb0e0e), color-stop(0.75, #0e50eb), color-stop(1, #00bfe6)); background-image: -webkit-linear-gradient(left, #000000 0%, #8c0303 25%, #0e50eb 50%, #00bfe6 75%, #0352ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Commentn 4s infinite; color: #0e50eb; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Commentn { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Font Text (Webkit only!) */ .text-Font { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffffff), color-stop(0.25, #000000), color-stop(0.5, #ff0000), color-stop(0.75, #2200ff), color-stop(1, #94faff)); background-image: -webkit-linear-gradient(left, #94faff 0%, #2200ff 25%, #ff0000 50%, #000000 75%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Font 5s infinite; color: #ffffff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Font { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Skyfall Text (Webkit only!) */ .text-Skyfall { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffffff), color-stop(0.25, #91fdff), color-stop(0.5, #52f7fa), color-stop(0.75, #00b3ff), color-stop(1, #0037ff)); background-image: -webkit-linear-gradient(left, #ffffff 0%, #91fdff 25%, #52f7fa 50%, #00b3ff 75%, #0037ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Skyfall 4s infinite; color: #52f7fa; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Skyfall { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* DJ Text (Webkit only!) */ .text-dj { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFF33), color-stop(0.25, #00F57C), color-stop(0.5, #7DF9FF), color-stop(0.75, #00FFFF), color-stop(1, #7D12FF)); background-image: -webkit-linear-gradient(left, #FFFF33 0%, #00F57C 25%, #7DF9FF 50%, #00FFFF 75%, #7D12FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Dj 4s infinite; color: #ffff00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Dj { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Charlie Brown Text (Webkit only!) */ .text-charliebrown { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #E7E9C6), color-stop(0.25, #E7E9C6), color-stop(0.5, #F7FE00), color-stop(0.75, #000000), color-stop(1, #F7FE00)); background-image: -webkit-linear-gradient(left, #E7E9C6 0%, #E7E9C6 25%, #F7FE00 50%, #000000 75%, #F7FE00 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Charliebrown 4s infinite; color: #F7FE00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Charliebrown { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Vibrant Text (Webkit only!) */ .text-Vibrant { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff0000), color-stop(0.25, #ff8c00), color-stop(0.5, #dd00ff), color-stop(0.75, #00f2ff), color-stop(1, #9d00ff)); background-image: -webkit-linear-gradient(left, #ff8c00 0%, #dd00ff 25%, #55ff00 50%, #00f2ff 75%, #ff0059 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Vibrant 4s infinite; color: #dd00ff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Vibrant { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Somethingelse Text (Webkit only!) */ .text-somethingelse { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff0000), color-stop(0.25, #ff0000), color-stop(0.5, #000000), color-stop(0.75, #ffffff), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #ff0000 0%, #ff0000 25%, #000000 50%, #ffffff 75%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Somethingelse 4s infinite; color: #ff0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Somethingelse { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Jaidenanimations Text (Webkit only!) */ .text-jaidenanimations { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #6a0dad), color-stop(0.25, #6a0dad), color-stop(0.5, #964B00), color-stop(0.75, #964B00), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #6a0dad 0%, #6a0dad 25%, #964B00 50%, #964B00 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Jaidenanimations 4s infinite; color: #6a0dad; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Jaidenanimations { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Theodd1sout Text (Webkit only!) */ .text-theodd1sout { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00ff00), color-stop(0.25, #baffba), color-stop(0.5, #FFFFFF), color-stop(0.75, #a3a3ff), color-stop(1, #0000FF)); background-image: -webkit-linear-gradient(left, #00ff00 0%, #baffba 25%, #FFFFFF 50%, #a3a3ff 75%, #0000FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Theodd1sout 4s infinite; color: #00FF00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Theodd1sout { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* rainstorm Text (Webkit only!) */ .text-rainstorm { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #3295a8), color-stop(0.25, #34eb7a), color-stop(0.5, #34ad38), color-stop(0.75, #2a1687), color-stop(1, #bde4f2)); background-image: -webkit-linear-gradient(left, #3295a8 0%, #34ad38 25%, #2738a3 50%, #34eb7a 75%, #bde4f2 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-rainstorm 4s infinite; color: #54a8c7; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-rainstorm { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Kendall Text (Webkit only!) */ .text-Kendall { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0f03fc), color-stop(0.25, #781ea6,), color-stop(0.5, #1ec4e6), color-stop(0.75, #24a695), color-stop(1, #6b77ff)); background-image: -webkit-linear-gradient(left, #0f03fc 0%, #781ea6 25%, #1ec4e6 50%, #24a695 75%, #6b77ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Kendall 4s infinite; color: #54a8c7; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Kendall { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* India Text (Webkit only!) */ .text-India { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF9933), color-stop(0.25, #FFFFFF,), color-stop(0.5, #333aff), color-stop(0.75, #000000), color-stop(1, #138808)); background-image: -webkit-linear-gradient(left, #FF9933 0%, #FFFFFF 25%, #333aff 50%, #FFFFFF 75%, #128808 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-India 4s infinite; color: #54a8c7; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-India { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* ComicSans Text (Webkit only!) */ .text-comicsans { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #004080), color-stop(0.25, #00f6b8,), color-stop(0.5, #720000), color-stop(0.75, #002040), color-stop(1, #004080)); background-image: -webkit-linear-gradient(left, #004080 0%, #00f6b8 25%, #720000 50%, #002040 75%, #004080 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-comicsans 4s infinite; color: #720000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-comicsans { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Throwback Citrus Text(Webkit only!) */ .text-throwbackcitrus { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0d4672), color-stop(0.25, #a5a23c,), color-stop(0.5, #e4c545), color-stop(0.75, #e0ab3c), color-stop(1, #668a46)); background-image: -webkit-linear-gradient(left, #0d4672 0%, #a5a23c 25%, #e4c545 50%, #e0ab3c 75%, #668a46 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-throwbackcitrus 4s infinite; color: #e4c545; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-throwbackcitrus { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Speedcube Text (Webkit only!) */ .text-speedcube { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0000ff), color-stop(0.25, #FFFFFF,), color-stop(0.5, #06bf06), color-stop(0.75, #ff0000), color-stop(1, #ffff00)); background-image: -webkit-linear-gradient(left, #0000ff 0%, #FFFFFF 25%, #06bf06 50%, #ff0000 75%, #ffff00 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-speedcube 0.8s infinite; color: #06bf06; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-speedcube { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* XXXTentacion Text (Webkit only!) */ .text-xxxtentacion { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D6D324), color-stop(0.2, #000000), color-stop(0.4, #0F356F), color-stop(0.6, #11489B), color-stop(0.8, #1865D9), color-stop(1, #B6D1F9)); background-image: -webkit-linear-gradient(left, #D6D324 0%, #000000 20%, #0F356F 40%, #11489B 60%, #1865D9 80%, #B6D1F9 100%,); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-xxxtentacion 4s infinite; color: #11489B; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-xxxtentacion { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Patric Vitek Text (Webkit only!) */ .text-patricvitek { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0000FF), color-stop(0.25, #C0C0C0,), color-stop(0.5, #32CD32), color-stop(0.75, #C0C0C0), color-stop(1, #0000FF)); background-image: -webkit-linear-gradient(left, #0000FF 0%, #C0C0C0 25%, #32CD32 50%, #C0C0C0 75%, #0000FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-patricvitek 4s infinite; color: #32CD32; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-patricvitek { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* TheRealStatus Text (Webkit only!) */ .text-therealstatus { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0040ff), color-stop(0.2, #ff0400), color-stop(0.4, #00f7ff), color-stop(0.6, #c800ff), color-stop(0.8, #ff0015), color-stop(1, #ff7b00)); background-image: -webkit-linear-gradient(left, #0040ff 0%, #ff0400 20%, #00f7ff 40%, #c800ff 60%, #ff0015 80%, #ff7b00 100%,); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-therealstatus 4s infinite; color: #c800ff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-therealstatus { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Connect4 Text (Webkit only!) */ .text-connect4 { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ed0e0e), color-stop(0.25, #000000,), color-stop(0.5, #faf7f7), color-stop(0.75, #000000), color-stop(1, #ed0e0e)); background-image: -webkit-linear-gradient(left, #ed0e0e 0%, #000000 25%, #faf7f7 50%, #000000 75%, #ed0e0e 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-connect4 4s infinite; color: #faf7f7; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-connect4 { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Misty Valley Text (Webkit only!) */ .text-mistyvalley { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #03fc73), color-stop(0.2, #3bf790), color-stop(0.4, #b8f5d3), color-stop(0.6, #71f5ec), color-stop(0.8, #00ffee), color-stop(1, #469154)); background-image: -webkit-linear-gradient(left, #03fc73 0%, #3bf790 20%, #b8f5d3 40%, #71f5ec 60%, #00ffee 80%, #469154 100%,); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-mistyvalley 4s infinite; color: #71f5ec; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-mistyvalley { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Mango Text (Webkit only!) */ .text-mango { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ebb134), color-stop(0.25, #ebcc34), color-stop(0.5, #eba434), color-stop(0.75, #eb9234), color-stop(1, ebcc34)); background-image: -webkit-linear-gradient(left, #eb9234 0%, #eba434 25%, #ebb134 50%, #eba434 75%, #ebcc34 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-mango 4s infinite; color: #deeb34; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-mango {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Discord Text (Webkit only!) */ .text-discord { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #406da2), color-stop(0.5, #ffffff), color-stop(0.75, #406da2), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #406da2 25%, #ffffff 50%, #406da2 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-discord 4s infinite; color: #ffffff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-discord {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* ZachOWott Text (Webkit only!) */ .text-zachowott { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #145748), color-stop(0.25, #1c7a65), color-stop(0.5, #37a67b), color-stop(0.75, #1c7a65), color-stop(1, #145748)); background-image: -webkit-linear-gradient(left, #145748 0%, #1c7a65 25%, #37a67b 50%, #1c7a65 75%, #145748 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-zachowott 4s infinite; color: #1c7a65; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-zachowott {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Enchanted Wood Text (Webkit only!) */ .text-enchantedwood { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #663300), color-stop(0.25, #B19CD9), color-stop(0.5, #663300), color-stop(0.75, #B19CD9), color-stop(1, #663300)); background-image: -webkit-linear-gradient(left, #663300 0%, #B19CD9 25%, #663300 50%, #B19CD9 75%, #663300 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-enchantedwood 4s infinite; color: #B19CD9; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-enchantedwood {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Enchanted Stone Text (Webkit only!) */ .text-enchantedstone { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #767676), color-stop(0.25, #B19CD9), color-stop(0.5, #767676), color-stop(0.75, #B19CD9), color-stop(1, #663300)); background-image: -webkit-linear-gradient(left, #767676 0%, #B19CD9 25%, #767676 50%, #B19CD9 75%, #767676 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-enchantedstone 4s infinite; color: #767676; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-enchantedstone {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Enchanted Gold Text (Webkit only!) */ .text-enchantedgold { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFD300), color-stop(0.25, #B19CD9), color-stop(0.5, #FFD300), color-stop(0.75, #B19CD9), color-stop(1, #FFD300)); background-image: -webkit-linear-gradient(left, #FFD300 0%, #B19CD9 25%, #FFD300 50%, #B19CD9 75%, #FFD300 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-enchantedgold 4s infinite; color: #FFD300; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-enchantedgold {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Enchanted Iron Text (Webkit only!) */ .text-enchantediron { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #CCCCCC), color-stop(0.25, #B19CD9), color-stop(0.5, #F5F5F5), color-stop(0.75, #B19CD9), color-stop(1, #CCCCCC)); background-image: -webkit-linear-gradient(left, #F5F5F5 0%, #B19CD9 25%, #F5F5F5 50%, #B19CD9 75%, #F5F5F5 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-enchantediron 4s infinite; color: #F5F5F5; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-enchantediron {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Enchanted Diamond Text (Webkit only!) */ .text-enchanteddiamond { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0079bf), color-stop(0.25, #B19CD9), color-stop(0.5, #0bb6e6), color-stop(0.75, #B19CD9), color-stop(1, #0079bf)); background-image: -webkit-linear-gradient(left, #0079bf 0%, #B19CD9 25%, #0bb6e6 50%, #B19CD9 75%, #0079bf 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-enchanteddiamond 4s infinite; color: #0bb6e6; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-enchanteddiamond {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Enchanted Netherite Text (Webkit only!) */ .text-enchantednetherite { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #333333), color-stop(0.25, #B19CD9), color-stop(0.5, #555555), color-stop(0.75, #B19CD9), color-stop(1, #333333)); background-image: -webkit-linear-gradient(left, #333333 0%, #B19CD9 25%, #555555 50%, #B19CD9 75%, #333333 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-enchantednetherite 4s infinite; color: #555555; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-enchantednetherite {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Jimmy Text (Webkit only!) */ .text-jimmy { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #4a4847), color-stop(0.25, #403823), color-stop(0.5, #cfc5ab), color-stop(0.75, #403823), color-stop(1, #4a4847)); background-image: -webkit-linear-gradient(left, #4a4847 0%, #403823 25%, #cfc5ab 50%, #403823 75%, #4a4847 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-jimmy 4s infinite; color: #4a4847; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-jimmy {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Oliver Text (Webkit only!) */ .text-oliver { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #4a4847), color-stop(0.5, #dbd639), color-stop(0.75, #4a4847), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #4a4847 25%, #dbd639 50%, #4a4847 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-oliver 4s infinite; color: #292818; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-oliver {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Dr. Chasma Text (Webkit only!) */ .text-drchasma { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffff00), color-stop(0.25, #ffff00), color-stop(0.5, #ffffff), color-stop(0.75, #0088ff), color-stop(1, #0088ff)); background-image: -webkit-linear-gradient(left, #ffff00 0%, #ffff00 25%, #ffffff 50%, #0088ff 75%, #0088ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-drchasma 4s infinite; color: #0088ff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-drchasma {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* plet Text (Webkit only!) */ .text-plet { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFF00), color-stop(0.25, #D68AB0), color-stop(0.5, #012e59), color-stop(0.75, #6BD85D), color-stop(1, #0099FF)); background-image: -webkit-linear-gradient(left, #FFFF00 0%, #D68AB0 25%, #012e59 50%, #6BD85D 75%, #0099FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-plet 4s infinite; color: #012e59; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-plet {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Banned Text (Webkit only!) */ .text-banned { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8a1313), color-stop(0.25, #ff0000), color-stop(0.5, #4f0000), color-stop(0.75, #ff0000), color-stop(1, #8a1313)); background-image: -webkit-linear-gradient(left, #8a1313 0%, #ff0000 25%, #4f0000 50%, #ff0000 75%, #8a1313 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-banned 4s infinite; color: #4f0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-banned {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Burnt Text (Webkit only!) */ .text-burnt { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8c0000), color-stop(0.25, #d03636), color-stop(0.5, #fa8484), color-stop(0.75, #d03636), color-stop(1, #8c0000)); background-image: -webkit-linear-gradient(left, #8c0000 0%, #d03636 25%, #fa8484 50%, #d03636 75%, #8c0000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-burnt 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-burnt{ 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* JuiceWRLD Text (Webkit only!) */ .text-JuiceWRLD { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #B65235), color-stop(0.25, #873A24), color-stop(0.5, #542112), color-stop(0.75, #1E0903), color-stop(1, #EBE12A)); background-image: -webkit-linear-gradient(left, #B65235 0%, #873A24 25%, #542112 50%, #1E0903 75%, #EBE12A 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-JuiceWRLD 4s infinite; color: #542112; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-JuiceWRLD{ 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Us Open Text (Webkit only!) */ .text-usopen { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00aaff), color-stop(0.25, #ffff00), color-stop(0.5, #ffffff), color-stop(0.75, #ffff00), color-stop(1, #00aaff)); background-image: -webkit-linear-gradient(left, #00aaff 0%, #ffff00 25%, #ffffff 50%, #ffff00 75%, #00aaff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-usopen 4s infinite; color: #00aaff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-usopen {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* French Open Text (Webkit only!) */ .text-frenchopen { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF8C00), color-stop(0.5, #FF8C00), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #FF8C00 0%, #FF8C00 50%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-frenchopen 4s infinite; color: #00aaff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-frenchopen {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* RainbowV2 Text (Webkit only!) */ .text-RainbowV2 { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #de0bc9), color-stop(0.20, #ff1c1c), color-stop(0.40, #ffbf1c), color-stop(0.60, #02bf09), color-stop(0.8, #0267bf), color-stop(1, #de0bc9)); background-image: -webkit-linear-gradient(left, #de0bc9 0%, #ff1c1c 20%, #ffbf1c 40%, #02bf09 60%, #0267bf 80%, #de0bc9 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-RainbowV2 6s infinite; color: #4f0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-RainbowV2 {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* APalmAndAFist Text */ .text-apalmandafist { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #87CEEB/* sky blue */), color-stop(0.25, #0000FF/* blue */), color-stop(0.5, #FFFF00/* yellow */), color-stop(0.75, #000000/* black */), color-stop(1, #008000/* green */)); background-image: -webkit-linear-gradient(left, #87CEEB 0%, #0000FF 25%, #FFFF00 50%, #000000 75%, #008000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-apalmandafist 4s infinite; color: #008000/* green */; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-apalmandafist {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Halloween Text */ .text-halloween { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #a15e06), color-stop(0.2, #ffaf45), color-stop(0.4, #ffffff/* white */), color-stop(0.6, #000000/* black */), color-stop(0.8, #ffaf45/* green */), color-stop(1, #a15e06)); background-image: -webkit-linear-gradient(left, #a15e06 0%, #ffaf45 20%, #ffffff 40%, #000000 60%, #ffaf45 80%, #a15e06 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-halloween 4s infinite; color: #ffaf45/* green */; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-halloween {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* SubSpace Text (Webkit only!) */ .text-subspace { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2e00fa), color-stop(0.25, #9400d9), color-stop(0.5, #5d05b5), color-stop(0.75, #0e0340), color-stop(1, #26137d)); background-image: -webkit-linear-gradient(left, #2e00fa 0%, #9400d9 25%, #5d05b5 50%, #0e0340 75%, #26137d 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-subspace 4s infinite; color: #5d05b5; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-subspace {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Fall/Autumn Text */ .text-fall { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #a6620a), color-stop(0.2, #5c6b40), color-stop(0.4, #8a3d06), color-stop(0.6, #fcec00), color-stop(0.8, #663a00), color-stop(1, #a6620a)); background-image: -webkit-linear-gradient(left, #a6620a 0%, #5c6b40 20%, #8a3d06 40%, #fcec00 60%, #663a00 80%, #a6620a 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-fall 6s infinite; color: #a6620a; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-fall {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* TheYounglings Font */ .text-theyounglings { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fc0303), color-stop(0.25, #fa703e), color-stop(0.5, #fac32a), color-stop(0.75, #111111), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #fc0303 0%, #fa703e 25%, #fac32a 50%, #111111 75%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-theyounglings 4s infinite; color: #a6620a; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-theyounglings {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Christmas V2 Text*/ .text-christmasv2 { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff1100), color-stop(0.5, #279c29), color-stop(1, #fcfffc)); background-image: -webkit-linear-gradient(left, #ff1100 0%, #279c29 50%, #fcfffc 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-christmasv2 4s infinite; color: #fcfffc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-christmasv2 {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Dr. Pepper Text*/ .text-drpepper { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9c0e0e), color-stop(0.5, #120000), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #9c0e0e 0%, #120000 50%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-drpepper 4s infinite; color: #ffffff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-drpepper {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Android Text*/ .text-android { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1EFF00), color-stop(0.33, #11FF00), color-stop(0.66, #00FFAC), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #1EFF00 0%, #11FF00 33%, #00FFAC 66%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-android 4s infinite; color: #00FFAC; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-android {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Apple (Company) Text (Webkit only!) */ .text-apple { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #96F6FF), color-stop(0.5, #00E9FF), color-stop(0.75, #00D1FF), color-stop(1, #00ACFF)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #96F6FF 25%, #00E9FF 50%, #00D1FF 75%, #00ACFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: text-apple 4s infinite; color: #00ACFF; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes text-apple { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Mountain Dew Text*/ .text-mtndew { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #3b6e37), color-stop(0.33, #50c746), color-stop(0.66, #193b16), color-stop(1, #ff2626)); background-image: -webkit-linear-gradient(left, #3b6e37 0%, #50c746 33%, #193b16 66%, #ff2626 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-mtndew 4s infinite; color: #193b16; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-mtndew {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Pepsi Text*/ .text-pepsi { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #4287f5), color-stop(0.33, #ff0000), color-stop(0.66, #ffffff), color-stop(1, #0051c2)); background-image: -webkit-linear-gradient(left, #4287f5 0%, #ff0000 33%, #ffffff 66%, #0051c2 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-pepsi 4s infinite; color: #193b16; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-pepsi {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Coca Cola Text*/ .text-coke { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f54242), color-stop(0.33, #ff0000), color-stop(0.66, #302d2d), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #f54242 0%, #ff0000 33%, #302d2d 66%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-coke 4s infinite; color: #f54242; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-coke {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Sprite Text*/ .text-sprite { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f4fc03), color-stop(0.33, #56ad2d), color-stop(0.66, #2d4fad), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #f4fc03 0%, #56ad2d 33%, #2d4fad 66%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-sprite 4s infinite; color: #2d4fad; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-sprite {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Equality Text*/ .text-equality { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #270703), color-stop(0.2, #59312C), color-stop(0.4, #9D5F58), color-stop(0.6, #C38D86), color-stop(0.8, #F8CEC8), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(left, #270703 0%, #59312C 20%, #9D5F58 40%, #C38D86 60%, #F8CEC8 80%, #FFFFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-equality 4s infinite; color: #270703; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-equality {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Google Text*/ .text-google { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #4991e3), color-stop(0.33, #ed1c1c), color-stop(0.66, #fffb0d), color-stop(1, #44cf49)); background-image: -webkit-linear-gradient(left, #4991e3 0%, #ed1c1c 33%, #fffb0d 66%, #44cf49 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-sprite 4s infinite; color: #2d4fad; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-google {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Elf Text*/ .text-elf { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #42f56c), color-stop(0.5, #9932CC), color-stop(1, #a83232)); background-image: -webkit-linear-gradient(left, #42f56c 0%, #9932CC 50%, #a83232 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-elf 4s infinite; color: #9932CC; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-elf {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*george Text*/ .text-george { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0a21dc), color-stop(0.5, #8b19e4), color-stop(1, #ae118a)); background-image: -webkit-linear-gradient(left, #0a21dc 0%, #8b19e4 50%, #ae118a 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-george 4s infinite; color: #9932CC; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-george {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Cool Text*/ .text-cool { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #c5a42b), color-stop(0.25, #ec7c40), color-stop(0.5, #0864ad), color-stop(0.75, #60faab), color-stop(1, #f693c6)); background-image: -webkit-linear-gradient(left, #c5a42b 0%, #ec7c40 25%, #0864ad 50%, #60faab 75%, #f693c6 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-cool 2s infinite; color: #c5a42b; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-cool {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Starburst Text*/ .text-starburst { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #90ee90), color-stop(0.5, #FFC0CB), color-stop(0.75, #FFFF00), color-stop(1, #00FFFF)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #FFA500 25%, #FFC0B 50%, #FFFF00 75%, #00FFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-starburst 7s infinite; color: #FF0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-starburst {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Generator Text*/ .text-generator { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8c0ae2), color-stop(0.25, #576fb7), color-stop(0.5, #25e3cd), color-stop(0.75, #0dff0c), color-stop(1, #985a51)); background-image: -webkit-linear-gradient(left, #8c0ae2 0%, #576fb7 25%, #25e3cd 50%, #0dff0c 75%, #985a51 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-generator 3s infinite; color: #8c0ae2; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-generator {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Glitch Text*/ .text-glitch { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #6d6023), color-stop(0.25, #c8c360), color-stop(0.5, #c99582), color-stop(0.75, #0ea56a), color-stop(1, #5f3bc0)); background-image: -webkit-linear-gradient(left, #6d6023 0%, #c8c360 25%, #c99582 50%, #0ea56a 75%, #5f3bc0 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-glitch 2.5s infinite; color: #6d6023; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-glitch {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Moon Text*/ .text-moon { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.5, #FF0000), color-stop(1, #00FFFF)); background-image: -webkit-linear-gradient(left, #000000 0%, #FF0000 50%, #00FFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-moon 4s infinite; color: #000000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-moon {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Sherbet Text*/ .text-sherbet { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #bd3686), color-stop(0.2, #f600b7), color-stop(0.4, #9ba5bb), color-stop(0.6, #3ef873), color-stop(0.8, #ddee83), color-stop(1, #21f92d)); background-image: -webkit-linear-gradient(left, #bd3686 0%, #f600b7 20%, #9ba5bb 40%, #3ef873 60%, #ddee83 80%, #21f92d 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-sherbet 4s infinite; color: #bd3686; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-sherbet { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Arcane Text*/ .text-arcane { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #228B22), color-stop(0.33, #ffff00), color-stop(0.66, #FF0000), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #228B22 0%, #ffff00 33%, #FF0000 66%, #000000 100%,); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-arcane 4s infinite; color: #228B22; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-arcane {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Avatar Text*/ .text-avatar { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00FFFF), color-stop(0.33, #A52A2A), color-stop(0.66, #FF0000), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(left, #00FFFF 0%, #D2691E 33%, #FF0000 66%, #FFFFFF 100%,); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-avatar 5.2s infinite; color: #00FFFF; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-avatar {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Rain Text (Webkit only!) */ .text-rain { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1D2951), color-stop(0.25, #0b1229), color-stop(0.5, #0000FF), color-stop(0.75, #152238), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #1D2951 0%, #0E3D92 25%, #21488C 50%, #0E3D92 75%, #0A162C 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-rain 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-rain { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } .text-fandomfast { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #7babb3), color-stop(0.5, #032E35), color-stop(0.75, #00d6c5), color-stop(1, #00E0CE)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #7babb3 25%, #032E35 50%, #00d6c5 75%, #00E0CE 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-fandomfast 4s infinite; color: #00E0CE; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; font-family: 'Space Grotesk'; background-image: url('https://static.wikia.nocookie.net/big-nate-comments/images/1/15/FandomLogo.png'); } @keyframes Text-fandomfast { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Republican Text*/ .text-republican { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f53b3b), color-stop(0.5, #d40d0d), color-stop(1, #ff0000)); background-image: -webkit-linear-gradient(left, #f53b3b 0%, #d40d0d 50%, #ff0000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-republican 4s infinite; color: #f53b3b; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-republican {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Democrat Text*/ .text-democrat { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #328ba8), color-stop(0.5, #2d84f7), color-stop(1, #0d17db)); background-image: -webkit-linear-gradient(left, #328ba8 0%, #2d84f7 50%, #0d17db 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-democrat 4s infinite; color: #9932CC; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-democrat {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Lava Text*/ .text-lava { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fc5e03), color-stop(0.5, #4f4e4c), color-stop(1, #030303)); background-image: -webkit-linear-gradient(left, #fc5e03 0%, #4f4e4c 50%, #030303 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-lava 4s infinite; color: #fc5e03; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-lava {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Neon Text*/ .text-neon { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00ff22), color-stop(0.5, #4f4e4c), color-stop(1, #030303)); background-image: -webkit-linear-gradient(left, #00ff22 0%, #4f4e4c 50%, #030303 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-neon 4s infinite; color: #00ff22; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-neon {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Rubber Duck Text*/ .text-rubberduck { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fff700), color-stop(0.5, #ffb700), color-stop(1, #30302f)); background-image: -webkit-linear-gradient(left, #fff700 0%, #ffb700 50%, #30302f 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-rubberduck 4s infinite; color: #00ff22; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-rubberduck {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*LOOK AT THIS SPYRO*/ /*Everywhere that I put 'EEE' you are going to want to edit*/ /*I will put 'EEE' and then what you need to put there with no spaces. Replace all of it with what you want.*/ /*Where it says '4s infinite' you should put any small number or just leave it at 4 (2-4)*/ /***********How and what to edit**************/ /* First, come up with a name for your font. Put this name everywhere that I put 'fontname'. Don't forget the one next to @keyframes. Next, pick your colors! You can google '#000000' to find any hex code. Put the hexcodes you want where I put 'hexcode'. If you put, say, red for hexcode1, put red for every spot that says hexcode1. The hexcode next to 'color:' at the bottom is what will show up for people using non-webkit browsers (they can't see a gradient font.) You will put what color you want their browser to resort to if it can't see the gradients. */ /*LOOK AT THIS SPYRO*/ /* Earth Text (Webkit only!) */ .text-Earth { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0B731E), color-stop(0.25, #2834CB), color-stop(0.5, #2834CB), color-stop(0.75, #9D8B18), color-stop(1, #E0DFE3)); background-image: -webkit-linear-gradient(left, #0B731 0%, #2834CB 25%, #2834CB 50%, #E0DFE3); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Earth 4s infinite; color: #2834CB; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Earth {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Non-American Text*/ .text-non-american { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0000FF), color-stop(0.5, #FF0000), color-stop(1, #800080)); background-image: -webkit-linear-gradient(left, #0000FF 0%, #FF0000 50%, #800080 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-non-american 4s infinite; color: #800080; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-non-american {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Technoblade Text*/ .text-technoblade { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ee9ca7), color-stop(1, #ffdde1)); background-image: -webkit-linear-gradient(left, #ee9ca7 0%, #ffdde1 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-technoblade 4s infinite; color: #ee9ca7; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-technoblade {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Reddit Text (Webkit only!) */ .text-reddit { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff4800), color-stop(0.5, #ffffff), color-stop(1, #ff4800)); background-image: -webkit-linear-gradient(left, #ff4800 0%, #ffffff 50%, #ff4800 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-reddit 3s infinite; color: #ff4800; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-reddit {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Sunset Text*/ .text-sunset { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff8503), color-stop(0.5, #fc9221), color-stop(1, #f2c200)); background-image: -webkit-linear-gradient(left, #ff8503 0%, #fc9221 50% , #f2c200 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-sunset 4s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-sunset {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Advent Calendar Text (Webkit only!) */ .text-advent { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #db290d), color-stop(0.25, #ebd8d8), color-stop(0.5, #ebd8d8), color-stop(0.75, #ebd8d8), color-stop(1, #c21717)); background-image: -webkit-linear-gradient(left, #db290d 0%, #ebd8d8 25%, #ebd8d8 50%, #ebd8d8 75%, #c21717 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-advent 4s infinite; color: #ebd8d8; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-advent {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* water water water water Text */ .text-water { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #21d0d9), color-stop(0.25, #0ab7d1), color-stop(0.5, #09a5e8), color-stop(0.75, #1191d1), color-stop(1, #0033ff)); background-image: -webkit-linear-gradient(left, #21d0d9 0%, #0ab7d1 25%, #09a5e8 50%, #1191d1 75%, #0033ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-water 5s infinite; color: #FFFF00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-water {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Hug It Out Text*/ .text-hugitout { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F16529), color-stop(0.5, #FFD200), color-stop(1, #c31432)); background-image: -webkit-linear-gradient(left, #F16529 0%, #FFD200 50% , #c31432 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-hugitout 4s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-hugitout {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Flame Text*/ .text-flame { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f12711), color-stop(1, #f5af19)); background-image: -webkit-linear-gradient(left, #f12711 0%, #f5af19 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-flame 2.5s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-flame {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*GoComics Text*/ .text-gocomics { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1c92d2), color-stop(1, #f2fcfe)); background-image: -webkit-linear-gradient(left, #1c92d2 0%, #f2fcfe 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-gocomics 2.5s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-gocomics {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Sky Text*/ .text-sky { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #56CCF2), color-stop(1, #2F80ED)); background-image: -webkit-linear-gradient(left, #56CCF2 0%, #2F80ED 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-sky 3s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-sky {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Spammer Text (Webkit only!) */ .text-spammer { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #93291E), color-stop(0.25, #FDC830), color-stop(0.5, #0083B0), color-stop(0.75, #FFFFFF), color-stop(1, #89216B)); background-image: -webkit-linear-gradient(left, #93291E 0%, #FDC830 25%, #0083B0 50%, #FFFFFF 75%, #89216B 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-spammer 2s infinite; color: #ebd8d8; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-spammer {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Purpull Text (Webkit only!) */ .text-Purpull { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #c97bed ), color-stop(0.25, #c151f5), color-stop(0.5, #af18f5 ), color-stop(0.75, #ae00ff), color-stop(1,#7105a3 )); background-image: -webkit-linear-gradient(left, #c97bed 0%,#c151f5 25%, #af18f5 50%, #7105a3); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Purpull 4s infinite; color: #c97bed; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Purpull {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Brawl Box Text*/ .text-brawlbox { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #78dfff), color-stop(0.5, #2e70ff), color-stop(1, #adb1ba)); background-image: -webkit-linear-gradient(left, #78dfff 0%, #2e70ff 50% , #adb1ba 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-brawlbox 4s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-brawlbox {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Brawl Box Text*/ .text-megabox { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fa5a5a), color-stop(0.5, #fff538), color-stop(1, #455eff)); background-image: -webkit-linear-gradient(left, #fa5a5a 0%, #fff538 50% , #455eff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-megabox 4s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-megabox {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Big Box Text*/ .text-bigbox { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8209d9), color-stop(1, #ddcfe8)); background-image: -webkit-linear-gradient(left, #8209d9 0%, #ddcfe8 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-bigbox 3s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-bigbox {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Chromatic Text*/ .text-chromatic { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff6257), color-stop(0.33, #fff424), color-stop(0.66, #ff6524), color-stop(1, #d445ff)); background-image: -webkit-linear-gradient(left, #ff6257 0%, #fff424 33%, #ff6524 66%, #d445ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-chromatic 3s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-chromatic {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } .text-Satan { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #eb2626 ), color-stop(0.25, #cc1616 ), color-stop(0.5, #cf391b ), color-stop(0.75, #a30a0a ), color-stop(1, #520b0b)); background-image: -webkit-linear-gradient(left, #eb2626 0%, #cf391b 25%, #a30a0a 50%, #520b0b); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Purpull 4s infinite; color: #eb2626; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Satan {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* kiwi Text (Webkit only!) */ .text-kiwi { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #99c957), color-stop(0.25, #3bb442), color-stop(0.5, #32c7c4), color-stop(0.75, #1bc543), color-stop(1, #5297ce)); background-image: -webkit-linear-gradient(left, #99c957 0%, #3bb442 25%, #32c7c4 50%, #1bc543 75%, #5297ce 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-kiwi 4s infinite; color: #99c957; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-kiwi { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*csk Text*/ .text-csk { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F9CD05), color-stop(0.33, #1D418C), color-stop(0.66, #ffffff), color-stop(1, #F9CD05)); background-image: -webkit-linear-gradient(left, #F9CD05 0%, #1D418C 33%, #ffffff 66%, #F9CD05 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-csk 5s infinite; color: #F9CD05; /* Fallback color for non-webkit browsers */ white-space: nowrap; } /*RCB Text*/ .text-rcb { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F40606), color-stop(0.5, #000000), color-stop(1, #F6E30E)); background-image: -webkit-linear-gradient(left, #F40606 0%, #000000 50% , #F6E30E 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-rcb 4s infinite; color: #F40606; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-rcb {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } .text-highground { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2fa5e7), color-stop(0.25, #95bba6), color-stop(0.5, #33b1b1), color-stop(0.75, #7945ab), color-stop(1, #00cd3e)); background-image: -webkit-linear-gradient(left, #2fa5e7 0%, #95bba6 25%, #33b1b1 50%, #7945ab 75%, #00cd3e 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-highground 4s infinite; color: #00cd3e; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; font-family: 'Rubik'; background-image: url('https://www.searchpng.com/wp-content/uploads/2019/01/Earth-Clipart-PNG-Transparent-Image-1024x1024.png'); } @keyframes Text-highground { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } .text-Charizard { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2fa5e7), color-stop(0.25, #95bba6), color-stop(0.5, #33b1b1), color-stop(0.75, #7945ab), color-stop(1, #00cd3e)); background-image: -webkit-linear-gradient(left, #2fa5e7 0%, #95bba6 25%, #33b1b1 50%, #7945ab 75%, #00cd3e 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Charizard 4s infinite; color: #00cd3e; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; font-family: 'Rubik'; background-image: url('https://media.discordapp.net/attachments/745671096413585461/801113369155076096/char2.gif'); } @keyframes Text-Charizard { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /************************************/ /**********A.2 Leaderboard***********/ /************************************/ /* Poll Body */ div.ajax-poll { padding-right: 2em !important; border: 3px solid #00007F !important; background: #00ABE5 !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important; } .pollAnswerVotes { border-color: #009dff !important; } .pollAnswerVotes div { background: linear-gradient(to right, #8fe3ff 0%, #3d3dd4 100%) !important; } /* Wikia Notifications */ .WikiaNotifications li div { box-shadow: none; background-image: none; max-width: 200px; padding: 16px; border-radius: 0; } .WikiaNotifications li div a { font-weight: bold; } .WikiaNotifications li div a:hover { filter: brightness(85%); transition: .3s; } a.tag { color: inherit; } /*PET's Avatar Change */ .avatar { border-radius: 2em; } .WikiaNotifications li div { box-shadow: none; background-image: none; max-width: 200px; padding: 16px; border-radius: 0; } .WikiaNotifications li div a { font-weight: bold; } .WikiaNotifications li div a:hover { filter: brightness(85%); transition: .3s; } @font-face { font-family: 'FANDOM-Icons'; src: url('//cdn.rawgit.com/unai01/WhyDidIMakeThis/1442121a/fonts/FANDOM-Icons.ttf?ctjj9i') format('truetype'), url('//cdn.rawgit.com/unai01/WhyDidIMakeThis/1442121a/fonts/FANDOM-Icons.woff?ctjj9i') format('woff'), url('//cdn.rawgit.com/unai01/WhyDidIMakeThis/1442121a/fonts/FANDOM-Icons.svg?ctjj9i#FANDOM-Icons') format('svg'); font-weight: normal; font-style: normal; } .LeaderboardTable thead th:before, .achievements-title:before, #about-achievements h1:before, #about-achievements p b:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'FANDOM-Icons' !important; speak: none; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; padding-right: 5px; } .LeaderboardTable .rank span { background-image: none !important; text-align: center; border-radius: 50%; background-color: none !important; } .LeaderboardTable tr:first-child .rank span:first-child { background-color: gold !important; color: #000; } .LeaderboardTable tr:nth-child(2) .rank span:first-child { background-color: silver !important; color: #000; } .LeaderboardTable tr:nth-child(3) .rank span:first-child { background-color: chocolate !important; color: #000; } .LeaderboardTable tr:first-child .rank:first-child:before { content: url('https://vignette.wikia.nocookie.net/ursuul/images/f/fc/Crown.svg') !important; position: absolute; transform: rotate(-25deg); left: -1px; margin-top: -10px; } .LeaderboardTable { font-family: Rubik; } .LeaderboardTable .avatar { border-radius: 50%; } .LeaderboardTable tr { border: none } .LeaderboardTable thead { margin-right: 10px !important; } .LeaderboardTable thead th { font-weight: bold; text-transform: uppercase; font-size: 16px; } .LeaderboardTable tr .user { min-width: 200px !important; } .LeaderboardTable tr .tally { vertical-align: middle !important; } .LeaderboardTable thead th:not(:last-child) { padding-right: 15px !important; } .LeaderboardTable .tally { display: flex; } .LeaderboardTable .tally span { font-weight: bold; } #about-achievements > span { text-transform: uppercase; font-weight: bold; padding: 4px 12px 2px 12px; border: 1px solid; border-radius: 3px; margin-top: 1px; font-family: Rubik; } #about-achievements > span:after { display: none } .achievements-title { border-bottom: 2px !important; font-weight: bold; text-transform: uppercase; font-family: Rubik; font-size: 28px !important; } #about-achievements { background-image: none; border: none; border-left: 6px solid !important; font-family: Rubik } .skin-oasis #about-achievements { border-color: #000 !important; } .skin-oasis.oasis-dark-theme #about-achievements { border-color: #fff !important } #about-achievements h1 { text-transform: uppercase; font-weight: bold; } #about-achievements p b { text-transform: uppercase; } #about-achievements ul li span { background-image: none !important; border-radius: 50%; font-size: 13px; } #about-achievements ul .bronze span { background-color: chocolate; color: black; } #about-achievements ul .silver span { background-color: silver; color: black; } #about-achievements ul .gold span { background-color: gold; color: black; } #about-achievements ul li { font-size: 13px; } /* Popovers */ /* Popovers Style */ .skin-oasis.mw-special-Leaderboard .popover.left .arrow { border-left: 6px solid #eee; right: -6px !important; } .skin-oasis.oasis-dark-theme.mw-special-Leaderboard .popover.left .arrow { border-left: 6px solid #000; right: -6px !important; } .mw-special-Leaderboard .popover-inner { border: none !important; box-shadow: none !important; font-family: Rubik; } /* Recent Earned Badges Module */ .WikiaLatestEarnedBadgesModule { border: none !important; box-shadow: none !important; } .WikiaLatestEarnedBadgesModule .achievements-title { text-transform: none; font-size: 16px !important; margin-left: -4px; border-bottom: 1px solid #c2c2c2 !important; margin-bottom: 16px !important; padding-bottom: 4px; font-family: Comic Sans MS; } .oasis-dark-theme .WikiaLatestEarnedBadgesModule .achievements-title { border-bottom-color: #333 !important; } .WikiaLatestEarnedBadgesModule .badge-text strong { font-size: 14px; color: #333 !important; } .oasis-dark-theme .WikiaLatestEarnedBadgesModule .badge-text strong { color: #eee !important; } .WikiaLatestEarnedBadgesModule .recent-badges li { border-bottom: none; color: rgba(58,58,58,0.75) } .oasis-dark-theme .WikiaLatestEarnedBadgesModule .recent-badges li { color: rgba(213,212,212,0.75) } .WikiaLatestEarnedBadgesModule .more { border: 1px solid currentColor; text-transform: uppercase; padding: 7px 18px; border-radius: 3px; font-family: Rubik; font-size: 12px !important; letter-spacing: .15px; transition: 0.2s ease } .WikiaLatestEarnedBadgesModule .more:hover { text-decoration: none !important; filter: brightness(70%); transition: 0.2s ease } /* Icons */ .LeaderboardTable thead th:first-child:before { content: '\b7' } .LeaderboardTable thead th:nth-child(2):before { content: '\1f464' } .LeaderboardTable thead th:nth-child(3):before { content: '\1f4ca' } .LeaderboardTable thead th:last-child:before { padding-right: 4px; content: '\1f550' } .WikiaRail .achievements-title:before { content: '\23f0'; color: rgba(58,58,58,0.75) !important; font-weight: bold !important; margin-right: 7px; font-size: 16px; padding-right: 0; } .oasis-dark-theme .WikiaRail .achievements-title:before { color: rgba(213,212,212,0.75) !important; } .navbox { width: 100%; font-size: 240%; } .parent-navbox { width: calc(100% - 14px); margin: 2em 7px 1em 7px; font-size: 160%; border-radius: 12px; box-shadow: 0 2px 7px rgba(0,0,0,.4); background-color: #3884ff; padding: 0.3em; } .navbox-header { margin: 0.5em 0.3em 0 0.3em; border-radius: 12px 12px 0 0; background: #00007F; padding: 0.2em 0.5em; color: white; } .navbox { width: 100%; font-size: 100%; } .parent-navbox { width: calc(100% - 14px); margin: 2em 7px 1em 7px; font-size: 100%; border-radius: 12px; box-shadow: 0 2px 7px rgba(0,0,0,.4); background-color: #3884ff; padding: 0.3em; } .navbox-header { margin: 0.5em 0.3em 0 0.3em; border-radius: 12px 12px 0 0; background: #00007F; padding: 0.2em 0.5em; color: white; } .navbox-header a { color: white; } .parent-navbox-header { border-radius: 12px; } .navbox-label { background: #00007F; color: white; padding-left: 0.5em; padding-right: 0.5em; } .mw-collapsed > tbody > tr > .navbox-header { border-radius: 12px; } /************************************/ /*******A.3 Profiles and Glows*******/ /************************************/ a[href$="/wiki/User:Positive_Elixir_Trade"]:not(.extiw):not(.external), a[href$="/wiki/Message_Wall:Positive_Elixir_Trade"]:not(.extiw):not(.external), a[href$="/wiki/User_blog:Positive_Elixir_Trade"]:not(.extiw):not(.external), a[href$="/wiki/Special:Contributions/Positive_Elixir_Trade"]:not(.extiw):not(.external), a[href="/wiki/User:Positive_Elixir_Trade"], a[href="http://big-nate-comments.wikia.com/wiki/User:Positive_Elixir_Trade"], a[href="/wiki/Message_Wall:Positive_Elixir_Trade"], a[href="http://big-nate-comments.wikia.com/wiki/Message_Wall:Positive_Elixir_Trade"], a[href="/wiki/User_blog:Positive_Elixir_Trade"], a[href="http://big-nate-comments.wikia.com/wiki/User_blog:Positive_Elixir_Trade"], a[href="/wiki/Special:Contributions/Positive_Elixir_Trade"], a[href="http://big-nate-comments.wikia.com/wiki/Special:Contributions/Positive_Elixir_Trade"], a[href="/wiki/Special:Editcount/Positive_Elixir_Trade"], a[href="http://big-nate-comments.wikia.com/wiki/Special:Editcount/Positive_Elixir_Trade"], a[href="/d/u/31513065"], a[href="http://big-nate-comments.wikia.com/d/u/31513065"], a[href="http://big-nate-comments.wikia.com/wiki/User:/Positive_Elixir_Trade Sandbox"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainbow 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } body[class*="_Positive_Elixir_Trade"] .masthead-info-lower .tally em, body[class*="_Positive_Elixir_Trade"] .masthead-info-lower .tally span { font-weight: bold; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainbow 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } .Wall .edited-by a.subtle[href$="Positive_Elixir_Trade"]:after{ content: "Creator of Gradient Fonts" !important; content: "Creator of Gradient Fonts" !important; font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainbow 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } @-webkit-keyframes pulsate-avatar-admincrat { from { -webkit-box-shadow: 0px 0px 1px 2px #ffa500; -moz-box-shadow: 0px 0px 1px 2px #ffa500; box-shadow: 0px 0px 1px 2px #ffa500; } to { -webkit-box-shadow: 0px 0px 12px 9px #CCAC00; -moz-box-shadow: 0px 0px 12px 9px #CCAC00; box-shadow: 0px 0px 12px 9px #CCAC00; } } @keyframes pulsate-avatar-admincrat { from { -webkit-box-shadow: 0px 0px 1px 2px #ffa500; -moz-box-shadow: 0px 0px 1px 2px #ffa500; box-shadow: 0px 0px 1px 2px #ffa500; } to { -webkit-box-shadow: 0px 0px 12px 9px #CCAC00; -moz-box-shadow: 0px 0px 12px 9px #CCAC00; box-shadow: 0px 0px 12px 9px #CCAC00; } } @-webkit-keyframes pulsate-avatar-small-admincrat { from { -webkit-box-shadow: 0px 0px 1px 2px #ffa500; -moz-box-shadow: 0px 0px 1px 2px #ffa500; box-shadow: 0px 0px 1px 2px #ffa500; } to { -webkit-box-shadow: 0px 0px 8px 6px #CCAC00; -moz-box-shadow: 0px 0px 8px 6px #CCAC00; box-shadow: 0px 0px 8px 6px #CCAC00; } } @keyframes pulsate-avatar-small-admincrat { from { -webkit-box-shadow: 0px 0px 1px 2px #ffa500; -moz-box-shadow: 0px 0px 1px 2px #ffa500; box-shadow: 0px 0px 1px 2px #ffa500; } to { -webkit-box-shadow: 0px 0px 8px 6px #CCAC00; -moz-box-shadow: 0px 0px 8px 6px #CCAC00; box-shadow: 0px 0px 8px 6px #CCAC00; } } @-webkit-keyframes pulsate-avatar-large-admincrat { from { -webkit-box-shadow: 0px 0px 1px 2px #ffa500; -moz-box-shadow: 0px 0px 1px 2px #ffa500; box-shadow: 0px 0px 1px 2px #ffa500; } to { -webkit-box-shadow: 0px 0px 16px 12px #CCAC00; -moz-box-shadow: 0px 0px 16px 12px #CCAC00; box-shadow: 0px 0px 16px 12px #CCAC00; } } @keyframes pulsate-avatar-large-admincrat { from { -webkit-box-shadow: 0px 0px 1px 2px #ffa500; -moz-box-shadow: 0px 0px 1px 2px #ffa500; box-shadow: 0px 0px 1px 2px #ffa500; } to { -webkit-box-shadow: 0px 0px 16px 12px #CCAC00; -moz-box-shadow: 0px 0px 16px 12px #CCAC00; box-shadow: 0px 0px 16px 12px #CCAC00; } } img.avatar[alt='Bignatebaseball'] { -webkit-animation-name: pulsate-avatar-Administrator; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-Administrator; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } ul.AccountNavigation li a img.avatar[alt='Bignatebaseball'] { -webkit-animation-name: pulsate-avatar-small-Administrator; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-small-Administrator; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } #UserProfileMasthead:not(.usergroup-founder) div.masthead-avatar.content-moderator img.avatar { -webkit-animation-name: pulsate-avatar-large-content-moderator; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-large-content-moderator; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } @-webkit-keyframes pulsate-avatar-content-moderator { from { -webkit-box-shadow: 0px 0px 1px 2px #8f54ba; -moz-box-shadow: 0px 0px 1px 2px #8f54ba; box-shadow: 0px 0px 1px 2px #8f54ba; } to { -webkit-box-shadow: 0px 0px 12px 9px #8f54ba; -moz-box-shadow: 0px 0px 12px 9px #8f54ba; box-shadow: 0px 0px 12px 9px #8f54ba; } } @keyframes pulsate-avatar-content-moderator { from { -webkit-box-shadow: 0px 0px 1px 2px #8f54ba; -moz-box-shadow: 0px 0px 1px 2px #8f54ba; box-shadow: 0px 0px 1px 2px #8f54ba; } to { -webkit-box-shadow: 0px 0px 12px 9px #8f54ba; -moz-box-shadow: 0px 0px 12px 9px #8f54ba; box-shadow: 0px 0px 12px 9px #8f54ba; } } @-webkit-keyframes pulsate-avatar-small-content-moderator { from { -webkit-box-shadow: 0px 0px 1px 2px #8f54ba; -moz-box-shadow: 0px 0px 1px 2px #8f54ba; box-shadow: 0px 0px 1px 2px #8f54ba; } to { -webkit-box-shadow: 0px 0px 8px 6px #8f54ba; -moz-box-shadow: 0px 0px 8px 6px #8f54ba; box-shadow: 0px 0px 8px 6px #8f54ba; } } @keyframes pulsate-avatar-small-content-moderator { from { -webkit-box-shadow: 0px 0px 1px 2px #8f54ba; -moz-box-shadow: 0px 0px 1px 2px #8f54ba; box-shadow: 0px 0px 1px 2px #8f54ba; } to { -webkit-box-shadow: 0px 0px 8px 6px #8f54ba; -moz-box-shadow: 0px 0px 8px 6px #8f54ba; box-shadow: 0px 0px 8px 6px #8f54ba; } } @-webkit-keyframes pulsate-avatar-large-content-moderator { from { -webkit-box-shadow: 0px 0px 1px 2px #8f54ba; -moz-box-shadow: 0px 0px 1px 2px #8f54ba; box-shadow: 0px 0px 1px 2px #8f54ba; } to { -webkit-box-shadow: 0px 0px 16px 12px #8f54ba; -moz-box-shadow: 0px 0px 16px 12px #8f54ba; box-shadow: 0px 0px 16px 12px #8f54ba; } } @keyframes pulsate-avatar-large-content-moderator { from { -webkit-box-shadow: 0px 0px 1px 2px #8f54ba; -moz-box-shadow: 0px 0px 1px 2px #8f54ba; box-shadow: 0px 0px 1px 2px #8f54ba; } to { -webkit-box-shadow: 0px 0px 16px 12px #8f54ba; -moz-box-shadow: 0px 0px 16px 12px #8f54ba; box-shadow: 0px 0px 16px 12px #8f54ba; } } img.avatar[alt=''] { -webkit-animation-name: pulsate-avatar-wiki-host; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-wiki-host; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } ul.AccountNavigation li a img.avatar[alt=''] { -webkit-animation-name: pulsate-avatar-small-wiki-host; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-small-wiki-host; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } #UserProfileMasthead:not(.usergroup-founder) div.masthead-avatar.wiki-host img.avatar { -webkit-animation-name: pulsate-avatar-large-wiki-host; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-large-wiki-host; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } @-webkit-keyframes pulsate-avatar-wiki-host { from { -webkit-box-shadow: 0px 0px 1px 2px #ff6600; -moz-box-shadow: 0px 0px 1px 2px #ff6600; box-shadow: 0px 0px 1px 2px #ff6600; } to { -webkit-box-shadow: 0px 0px 12px 9px #ff6600; -moz-box-shadow: 0px 0px 12px 9px #ff6600; box-shadow: 0px 0px 12px 9px #ff6600; } } @keyframes pulsate-avatar-wiki-host { from { -webkit-box-shadow: 0px 0px 1px 2px #ff6600; -moz-box-shadow: 0px 0px 1px 2px #ff6600; box-shadow: 0px 0px 1px 2px #ff6600; } to { -webkit-box-shadow: 0px 0px 12px 9px #ff6600; -moz-box-shadow: 0px 0px 12px 9px #ff6600; box-shadow: 0px 0px 12px 9px #ff6600; } } @-webkit-keyframes pulsate-avatar-small-wiki-host { from { -webkit-box-shadow: 0px 0px 1px 2px #ff6600; -moz-box-shadow: 0px 0px 1px 2px #ff6600; box-shadow: 0px 0px 1px 2px #ff6600; } to { -webkit-box-shadow: 0px 0px 8px 6px #ff6600; -moz-box-shadow: 0px 0px 8px 6px #ff6600; box-shadow: 0px 0px 8px 6px #ff6600; } } @keyframes pulsate-avatar-small-wiki-host { from { -webkit-box-shadow: 0px 0px 1px 2px #ff6600; -moz-box-shadow: 0px 0px 1px 2px #ff6600; box-shadow: 0px 0px 1px 2px #ff6600; } to { -webkit-box-shadow: 0px 0px 8px 6px #ff6600; -moz-box-shadow: 0px 0px 8px 6px #ff6600; box-shadow: 0px 0px 8px 6px #ff6600; } } @-webkit-keyframes pulsate-avatar-large-wiki-host { from { -webkit-box-shadow: 0px 0px 1px 2px #ff6600; -moz-box-shadow: 0px 0px 1px 2px #ff6600; box-shadow: 0px 0px 1px 2px #ff6600; } to { -webkit-box-shadow: 0px 0px 16px 12px #ff6600; -moz-box-shadow: 0px 0px 16px 12px #ff6600; box-shadow: 0px 0px 16px 12px #ff6600; } } @keyframes pulsate-avatar-large-wiki-host { from { -webkit-box-shadow: 0px 0px 1px 2px #ff6600; -moz-box-shadow: 0px 0px 1px 2px #ff6600; box-shadow: 0px 0px 1px 2px #ff6600; } to { -webkit-box-shadow: 0px 0px 16px 12px #ff6600; -moz-box-shadow: 0px 0px 16px 12px #ff6600; box-shadow: 0px 0px 16px 12px #ff6600; } } a[href$="/wiki/User:Bignatebaseball"]:not(.extiw):not(.external), a[href$="/wiki/Message_Wall:Bignatebaseball"]:not(.extiw):not(.external), a[href$="/wiki/User_blog:Bignatebaseball"]:not(.extiw):not(.external), a[href$="/wiki/Special:Contributions/Bignatebaseball"]:not(.extiw):not(.external), a[href="/wiki/User:Bignatebaseball"], a[href="http://big-nate-comments.wikia.com/wiki/User:Bignatebaseball"], a[href="/wiki/Message_Wall:Bignatebaseball"], a[href="http://big-nate-comments.wikia.com/wiki/Message_Wall:Bignatebaseball"], a[href="/wiki/User_blog:Bignatebaseball"], a[href="http://big-nate-comments.wikia.com/wiki/User_blog:Bignatebaseball"], a[href="/wiki/Special:Contributions/Bignatebaseball"], a[href="http://big-nate-comments.wikia.com/wiki/Special:Contributions/Bignatebaseball"], a[href="/wiki/Special:Editcount/Bignatebaseball"], a[href="http://big-nate-comments.wikia.com/wiki/Special:Editcount/Bignatebaseball"], a[href="/f/u/39890448"], a[href="http://https://big-nate-comments.wikia.com/f/u/39890448"], a[href="/wiki/User:Bignatebaseball/Sandbox"], a[href="http://big-nate-comments.wikia.com/wiki/User:Bignatebaseball/Sandbox"], a[href="/wiki/Special:UserProfileActivity/Bignatebaseball"], a[href="/wiki/Special:UserProfileActivity/Bignatebaseball?tab=messages"], a[href="/wiki/Special:UserProfileActivity/Bignatebaseball?tab=comments"], a[href="/wiki/Special:UserProfileActivity/Bignatebaseball?tab=posts"] { background-image: -webkit-linear-gradient(left, #ff9500 0%, #002aff 25%, #a200ff 50%, #15ff00 75%, #ff00d4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #002aff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } body[class*="_Bignatebaseball"] .masthead-info-lower .tally em, body[class*="_Bignatebaseball"] .masthead-info-lower .tally span { background-image: -webkit-linear-gradient(left, #ff9500 0%, #002aff 25%, #a200ff 50%, #15ff00 75%, #ff00d4 100%); -webkit-background-clip: text; } @-webkit-keyframes glow-Former { from { -webkit-box-shadow: 0 0 10px 0px #00b831; -moz-box-shadow: 0 0 10px 0px #00b831; -ms-box-shadow: 0 0 10px 0px #00b831; -o-box-shadow: 0 0 10px 0px #00b831; box-shadow: 0 0 10px 0px #00b831; } to { -webkit-box-shadow: 0 0 10px 10px #00b831; -moz-box-shadow: 0 0 10px 10px #00b831; -ms-box-shadow: 0 0 10px 10px #00b831; -o-box-shadow: 0 0 10px 10px #00b831; box-shadow: 0 0 10px 10px #00b831; } } @keyframes glow-Former { from { -webkit-box-shadow: 0 0 10px 0px #00b831; -moz-box-shadow: 0 0 10px 0px #00b831; -ms-box-shadow: 0 0 10px 0px #00b831; -o-box-shadow: 0 0 10px 0px #00b831; box-shadow: 0 0 10px 0px #00b831; } to { -webkit-box-shadow: 0 0 10px 10px #00b831; -moz-box-shadow: 0 0 10px 10px #00b831; -ms-box-shadow: 0 0 10px 10px #00b831; -o-box-shadow: 0 0 10px 10px #00b831; box-shadow: 0 0 10px 10px #00b831; } } @-webkit-keyframes glow-Former-small { from { -webkit-box-shadow: 0 0 10px 0px #00b831; -moz-box-shadow: 0 0 10px 0px #00b831; -ms-box-shadow: 0 0 10px 0px #00b831; -o-box-shadow: 0 0 10px 0px #00b831; box-shadow: 0 0 10px 0px #00b831; } to { -webkit-box-shadow: 0 0 10px 5px #00b831; -moz-box-shadow: 0 0 10px 5px #00b831; -ms-box-shadow: 0 0 10px 5px #00b831; -o-box-shadow: 0 0 10px 5px #00b831; box-shadow: 0 0 10px 5px #00b831; } } @keyframes glow-Former-small { from { -webkit-box-shadow: 0 0 10px 0px #00b831; -moz-box-shadow: 0 0 10px 0px #00b831; -ms-box-shadow: 0 0 10px 0px #00b831; -o-box-shadow: 0 0 10px 0px #00b831; box-shadow: 0 0 10px 0px #00b831; } to { -webkit-box-shadow: 0 0 10px 5px #00b831; -moz-box-shadow: 0 0 10px 5px #00b831; -ms-box-shadow: 0 0 10px 5px #00b831; -o-box-shadow: 0 0 10px 5px #00b831; box-shadow: 0 0 10px 5px #00b831; } } img.avatar[alt="Former"] { -webkit-animation-name: glow-Former; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-Former; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; } a[href$="/wiki/User:Former"] > img:not([height="50"]), a[href$="/wiki/Message_Wall:Former"] > img{ -webkit-animation-name: glow-Former-small !important; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-Former-small !important; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; } /********************* BiggerNate91 *********************************/ a[href$="/BiggerNate91"], a[href$=":BiggerNate91"] { color: #2a00ff !important; font-weight: bold; } .Wall .edited-by a.subtle[href$="Wall:BiggerNate91"]:after{ color: #2a00ff !important; content: "Retired Bureaucrat!" !important; } /********************* Neptune7Ninja2Comics *********************************/ a[href$=":Neptune7Ninja2Comics"], a[href$="/Neptune7Ninja2Comics"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #014e52), color-stop(0.25, #00b1ba), color-stop(0.5, #29f4ff), color-stop(0.75, #047278), color-stop(1, #014e52)); background-image: -webkit-linear-gradient(left, #014e52 0%, #00b1ba 25%, #29f4ff 50%, #047278 75%, #00b1ba 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Ice 4s infinite; color: #014e52; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Ice { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } @-webkit-keyframes glow-Former { from { -webkit-box-shadow: 0 0 10px 0px #00b831; -moz-box-shadow: 0 0 10px 0px #00b831; -ms-box-shadow: 0 0 10px 0px #00b831; -o-box-shadow: 0 0 10px 0px #00b831; box-shadow: 0 0 10px 0px #00b831; } to { -webkit-box-shadow: 0 0 10px 10px #00b831; -moz-box-shadow: 0 0 10px 10px #00b831; -ms-box-shadow: 0 0 10px 10px #00b831; -o-box-shadow: 0 0 10px 10px #00b831; box-shadow: 0 0 10px 10px #00b831; } } @keyframes glow-Former { from { -webkit-box-shadow: 0 0 10px 0px #00b831; -moz-box-shadow: 0 0 10px 0px #00b831; -ms-box-shadow: 0 0 10px 0px #00b831; -o-box-shadow: 0 0 10px 0px #00b831; box-shadow: 0 0 10px 0px #00b831; } to { -webkit-box-shadow: 0 0 10px 10px #00b831; -moz-box-shadow: 0 0 10px 10px #00b831; -ms-box-shadow: 0 0 10px 10px #00b831; -o-box-shadow: 0 0 10px 10px #00b831; box-shadow: 0 0 10px 10px #00b831; } } @-webkit-keyframes glow-Former-small { from { -webkit-box-shadow: 0 0 10px 0px #00b831; -moz-box-shadow: 0 0 10px 0px #00b831; -ms-box-shadow: 0 0 10px 0px #00b831; -o-box-shadow: 0 0 10px 0px #00b831; box-shadow: 0 0 10px 0px #00b831; } to { -webkit-box-shadow: 0 0 10px 5px #00b831; -moz-box-shadow: 0 0 10px 5px #00b831; -ms-box-shadow: 0 0 10px 5px #00b831; -o-box-shadow: 0 0 10px 5px #00b831; box-shadow: 0 0 10px 5px #00b831; } } @keyframes glow-Former-small { from { -webkit-box-shadow: 0 0 10px 0px #00b831; -moz-box-shadow: 0 0 10px 0px #00b831; -ms-box-shadow: 0 0 10px 0px #00b831; -o-box-shadow: 0 0 10px 0px #00b831; box-shadow: 0 0 10px 0px #00b831; } to { -webkit-box-shadow: 0 0 10px 5px #00b831; -moz-box-shadow: 0 0 10px 5px #00b831; -ms-box-shadow: 0 0 10px 5px #00b831; -o-box-shadow: 0 0 10px 5px #00b831; box-shadow: 0 0 10px 5px #00b831; } } img.avatar[alt="Former"] { -webkit-animation-name: glow-Former; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-Former; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; } a[href$="/wiki/User:Former"] > img:not([height="50"]), a[href$="/wiki/Message_Wall:Former"] > img{ -webkit-animation-name: glow-Former-small !important; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-Former-small !important; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; } .Wall .edited-by a.subtle[href$="Wall:Neptune7Ninja2Comics"]:after{ color: #CCAC00 !important; content: "Electric Gamer" !important; } body[class*="_Neptune7Ninja2Comics"] .masthead-info-lower .tally em, body[class*="_Neptune7Ninja2Comics"] .masthead-info-lower .tally span { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #014e52), color-stop(0.25, #00b1ba), color-stop(0.5, #29f4ff), color-stop(0.75, #047278), color-stop(1, #014e52)); background-image: -webkit-linear-gradient(left, #014e52 0%, #00b1ba 25%, #29f4ff 50%, #047278 75%, #00b1ba 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Ice 4s infinite; color: #014e52; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Ice { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /********************* Swasimcool *********************************/ a[href$=":Swasimcool"], a[href$="/Swasimcool"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffff00), color-stop(0.25, #ffff00), color-stop(0.5, #ffffff), color-stop(0.75, #0088ff), color-stop(1, #0088ff)); background-image: -webkit-linear-gradient(left, #ffff00 0%, #ffff00 25%, #ffffff 50%, #0088ff 75%, #0088ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-drchasma 4s infinite; color: #0088ff; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-family: Albertus !important; font-weight:bold !important; } @keyframes Text-drchasma {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /********************* Spyroclub *********************************/ a[href$=":Spyroclub"], a[href$="/Spyroclub"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ed0e0e), color-stop(0.25, #000000,), color-stop(0.5, #faf7f7), color-stop(0.75, #000000), color-stop(1, #ed0e0e)); background-image: -webkit-linear-gradient(left, #ed0e0e 0%, #000000 25%, #faf7f7 50%, #000000 75%, #ed0e0e 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-connect4 4s infinite; color: #faf7f7; /* Fallback color for non-webkit browsers */ white-space: nowrap; } body[class*="_Spyroclub"] .masthead-info-lower .tally em, body[class*="_Spyroclub"] .masthead-info-lower .tally span { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ed0e0e), color-stop(0.25, #000000,), color-stop(0.5, #faf7f7), color-stop(0.75, #000000), color-stop(1, #ed0e0e)); background-image: -webkit-linear-gradient(left, #ed0e0e 0%, #000000 25%, #faf7f7 50%, #000000 75%, #ed0e0e 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-connect4 4s infinite; color: #faf7f7; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @-webkit-keyframes glow-Spyroclub { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 10px #0894fd; -moz-box-shadow: 0 0 10px 10px #0894fd; -ms-box-shadow: 0 0 10px 10px #0894fd; -o-box-shadow: 0 0 10px 10px #0894fd; box-shadow: 0 0 10px 10px #0894fd; } } @keyframes glow-Spyroclub { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 10px #0894fd; -moz-box-shadow: 0 0 10px 10px #0894fd; -ms-box-shadow: 0 0 10px 10px #0894fd; -o-box-shadow: 0 0 10px 10px #0894fd; box-shadow: 0 0 10px 10px #0894fd; } } @-webkit-keyframes glow-Spyroclub-small { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 5px #0894fd; -moz-box-shadow: 0 0 10px 5px #0894fd; -ms-box-shadow: 0 0 10px 5px #0894fd; -o-box-shadow: 0 0 10px 5px #0894fd; box-shadow: 0 0 10px 5px #0894fd; } } @keyframes glow-Spyroclub-small { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 5px #0894fd; -moz-box-shadow: 0 0 10px 5px #0894fd; -ms-box-shadow: 0 0 10px 5px #0894fd; -o-box-shadow: 0 0 10px 5px #0894fd; box-shadow: 0 0 10px 5px #0894fd; } } img.avatar[alt="Spyroclub"] { -webkit-animation-name: glow-Spyroclub; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-Spyroclub; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; } a[href$="/wiki/User:Spyroclub"] > img:not([height="50"]), a[href$="/wiki/Message_Wall:Spyroclub"] > img{ -webkit-animation-name: glow-Spyroclub-small !important; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-Spyroclub-small !important; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; } .Wall .edited-by a.subtle[href$="Spyroclub"]:after{ content: "Speedcuber" !important; font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0000ff), color-stop(0.25, #FFFFFF,), color-stop(0.5, #06bf06), color-stop(0.75, #ff0000), color-stop(1, #ffff00)); background-image: -webkit-linear-gradient(left, #0000ff 0%, #FFFFFF 25%, #06bf06 50%, #ff0000 75%, #ffff00 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-speedcube 4s infinite; color: #06bf06; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-speedcube { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } .Wall .edited-by a.subtle[href$="Wall:PigLoverGoComics"]:after{ color: #FFB6C1 !important; content: "Fraud" !important; } /********************* GiantNate91 *********************************/ a[href$=":GiantNate91"], a[href$="/GiantNate91"] { color: #d60d0d !important; font-weight: bold !important; } .Wall .edited-by a.subtle[href$="Wall:GiantNate91"]:after{ color: #d60d0d !important; content: "Grammar Cop" !important; } /********************* ChemicalChaos_GC *********************************/ a[href=":ChemicalChaos_GC"], a[href$="/ChemicalChaos_GC"] a[href="/wiki/User:ChemicalChaos_GC"]:not(.extiw):not(.external), a[href="/wiki/Message_Wall:ChemicalChaos_GC"]:not(.extiw):not(.external), a[href="/wiki/User_blog:ChemicalChaos_GC"]:not(.extiw):not(.external), a[href="/wiki/Special:Contributions/ChemicalChaos_GC"]:not(.extiw):not(.external), a[href="/wiki/User:ChemicalChaos_GC"], a[href="http://big-nate-comments.wikia.com/wiki/User:ChemicalChaos_GC"], a[href="/wiki/Message_Wall:ChemicalChaos_GC"], a[href="http://big-nate-comments.wikia.com/wiki/Message_Wall:ChemicalChaos_GC"], a[href="/wiki/User_blog:ChemicalChaos_GC"], a[href="http://big-nate-comments.wikia.com/wiki/User_blog:ChemicalChaos_GC"], a[href="/wiki/Special:Contributions/ChemicalChaos_GC"], a[href="http://big-nate-comments.wikia.com/wiki/Special:Contributions/ChemicalChaos_GC"], a[href="/wiki/Special:Editcount/ChemicalChaos_GC"], a[href="http://big-nate-comments.wikia.com/wiki/Special:Editcount/ChemicalChaos_GC"], a[href="http://big-nate-comments.wikia.com/wiki/User:/ChemicalChaos_GC"], a[href="/wiki/Special:UserProfileActivityChemicalChaos_GC8"], a[href="/wiki/Special:UserProfileActivityChemicalChaos_GC8?tab=messages"], a[href="/wiki/Special:UserProfileActivityChemicalChaos_GCs?tab=comments"], a[href="/wiki/Special:UserProfileActivityChemicalChaos_GCs?tab=posts"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #230161), color-stop(0.25), color-stop(0.5, #400994), color-stop(0.75, #6a5e7a), color-stop(1, #9384ab)); background-image: -webkit-linear-gradient(left, #230161 0%, #400994 25%, #6a5e7a 50%, #9384ab 75%, #400994 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-milkshake 4s infinite; color: #400994; /* Fallback color for non-webkit browsers */ white-space: nowrap; } .Wall .edited-by a.subtle[href$="Wall:ChemicalChaos_GC"]:after{ content: "Pizza" !important; } /********************* Henry_Hudson_GC *********************************/ a[href$=":Henry_Hudson_GC"], a[href$="/Henry_Hudson_GC"], a[href$="/User:Henry_Hudson_GC"] { color: #012e59 !important; font-weight: bold !important; } @-webkit-keyframes glow-Former { from { -webkit-box-shadow: 0 0 10px 0px #00b831; -moz-box-shadow: 0 0 10px 0px #00b831; -ms-box-shadow: 0 0 10px 0px #00b831; -o-box-shadow: 0 0 10px 0px #00b831; box-shadow: 0 0 10px 0px #00b831; } to { -webkit-box-shadow: 0 0 10px 10px #00b831; -moz-box-shadow: 0 0 10px 10px #00b831; -ms-box-shadow: 0 0 10px 10px #00b831; -o-box-shadow: 0 0 10px 10px #00b831; box-shadow: 0 0 10px 10px #00b831; } } @keyframes glow-Former { from { -webkit-box-shadow: 0 0 10px 0px #00b831; -moz-box-shadow: 0 0 10px 0px #00b831; -ms-box-shadow: 0 0 10px 0px #00b831; -o-box-shadow: 0 0 10px 0px #00b831; box-shadow: 0 0 10px 0px #00b831; } to { -webkit-box-shadow: 0 0 10px 10px #00b831; -moz-box-shadow: 0 0 10px 10px #00b831; -ms-box-shadow: 0 0 10px 10px #00b831; -o-box-shadow: 0 0 10px 10px #00b831; box-shadow: 0 0 10px 10px #00b831; } } @-webkit-keyframes glow-Former-small { from { -webkit-box-shadow: 0 0 10px 0px #00b831; -moz-box-shadow: 0 0 10px 0px #00b831; -ms-box-shadow: 0 0 10px 0px #00b831; -o-box-shadow: 0 0 10px 0px #00b831; box-shadow: 0 0 10px 0px #00b831; } to { -webkit-box-shadow: 0 0 10px 5px #00b831; -moz-box-shadow: 0 0 10px 5px #00b831; -ms-box-shadow: 0 0 10px 5px #00b831; -o-box-shadow: 0 0 10px 5px #00b831; box-shadow: 0 0 10px 5px #00b831; } } @keyframes glow-Former-small { from { -webkit-box-shadow: 0 0 10px 0px #00b831; -moz-box-shadow: 0 0 10px 0px #00b831; -ms-box-shadow: 0 0 10px 0px #00b831; -o-box-shadow: 0 0 10px 0px #00b831; box-shadow: 0 0 10px 0px #00b831; } to { -webkit-box-shadow: 0 0 10px 5px #00b831; -moz-box-shadow: 0 0 10px 5px #00b831; -ms-box-shadow: 0 0 10px 5px #00b831; -o-box-shadow: 0 0 10px 5px #00b831; box-shadow: 0 0 10px 5px #00b831; } } img.avatar[alt="Former"] { -webkit-animation-name: glow-Former; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-Former; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; } a[href$="/wiki/User:Former"] > img:not([height="50"]), a[href$="/wiki/Message_Wall:Former"] > img{ -webkit-animation-name: glow-Former-small !important; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-Former-small !important; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; } .Wall .edited-by a.subtle[href$="Wall:Henry_Hudson_GC"]:after{ color: #ff4500 !important; content: "Mathlete" !important; } .Wall .edited-by a.subtle[href$="Wall:CrossDoggo"]:after{ text-shadow: 0px 0px 5px #034047; content: "Gamer" !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68bB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD75D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D84DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-HyperRainbow 1s infinite; color: #33c0cc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-HyperRainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /********************* ComicComet *********************************/ a[href$=":ComicComet"], a[href$="/ComicComet"] { color: #FF0600 !important; font-weight: bold !important; } .masthead-avatar img { -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; } .masthead-avatar:hover img { -moz-transform: rotate(1080deg); -ms-transform: rotate(1080deg); -o-transform: rotate(1080deg); -webkit-transform: rotate(1080deg); border-radius: 100%; box-shadow: 0 0 20px black; transform: rotate(1080deg); } .bounceme { position:relative; float:left; width:195px; height:195px; margin:10px; overflow:hidden; text-align:left; background-color:#f5f5f5; } .bounceme img { width:auto; height:195px; } .bounceme .info { position:absolute; top:-220px; width:195px; height:195px; overflow:hidden; background-color:rgba(102,153,204, 1); } .bounceme .info #heading { display:block; text-decoration:none; color:white; text-transform:uppercase; text-align: center; font-size: 11pt; padding: 6px; background: rgba(0, 0, 0, 0.6); margin: 20px 0 0 0; border-top:2px solid white; border-bottom:2px solid white; } .bounceme .info #text { font-size: 10pt; position: relative; color: black; padding: 5px; text-align: center; } .bounceme .info #button { text-decoration:none; font-size: 10pt; color: white; padding:0px 3px; text-align: center; background: rgba(0, 0, 0, 0.6); margin:0 auto; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -icab-border-radius:5px; -o-border-radius:5px; white-space:nowrap; } .bounceme:hover .info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; top: 0px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-animation: bounceY 1.0s linear; -moz-animation: bounceY 1.0s linear; -ms-animation: bounceY 1.0s linear; animation: bounceY 1.0s linear; } @-moz-keyframes bounceY { 0% { -moz-transform: translateY(-205px);} 40% { -moz-transform: translateY(-100px);} 65% { -moz-transform: translateY(-52px);} 82% { -moz-transform: translateY(-25px);} 92% { -moz-transform: translateY(-12px);} 55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);} } @-webkit-keyframes bounceY { 0% { -webkit-transform: translateY(-205px);} 40% { -webkit-transform: translateY(-100px);} 65% { -webkit-transform: translateY(-52px);} 82% { -webkit-transform: translateY(-25px);} 92% { -webkit-transform: translateY(-12px);} 55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);} } @keyframes bounceY { 0% { transform: translateY(-205px);} 40% { transform: translateY(-100px);} 65% { transform: translateY(-52px);} 82% { transform: translateY(-25px);} 92% { transform: translateY(-12px);} 55%, 75%, 87%, 97%, 100% { transform: translateY(0px);} } /* CTab, ETab, & OTab Templates - Author: DEmersonJMFM */ .CTab, .ETab, .OTab { text-align: center; font-weight: bold; margin-left: 5px; } .CTab-Tab .selflink, .CTab-Tab a:hover { color: black; } .CTab-Tab a, /* Expand link size to fill tab */ .CTab-Tab .selflink, .ETab-Tab a, .ETab-Tab .selflink, .OTab-Tab a, .OTab-Tab .selflink { padding: 8px 15px 9px; text-decoration: none; } .CTab-Tab, /* Individual tabs */ .ETab-Tab, .OTab-Tab { float: left; margin-right: 2px; padding: 5px 0; width: auto; border: 2px solid black; border-bottom: none; } .CTab-Line, /* Line below tabs */ .ETab-Line, .OTab-Line { clear: both; width: 100%; padding-bottom: 2px; border-top: 2px solid #000000; } .CTab-General .CTab-Tab, .ETab-General .ETab-Tab, .OTab-General .OTab-Tab { background-color: #ffff00; } .page-Template_CTab .CTab-Tab, /* Maintain tab size on template & doc pages */ .page-Template_CTab_doc .CTab-Tab, .page-Template_ETab .ETab-Tab, .page-Template_ETab_doc .ETab-Tab, .page-Template_OTab .OTab-Tab, .page-Template_OTab_doc .OTab-Tab { padding: 5px 15px; } .WikiaArticle a:link { color: green; } .WikiaArticle a:visited { color: green; } .WikiaArticle a:hover { color: blue; } .WikiaArticle a:active { color: green; } /********************* DarkLight300 *********************************/ a[href$=":DarkLight300"], a[href$="/DarkLight300"] { color: #CF1020 ; font-weight: bold; } /********************* ToPhu31 *********************************/ a[href$=":ToPhu31"], a[href$="/ToPhu31"] { color: #000001 !important; font-weight: bold !important; } .Wall .edited-by a.subtle[href$="Wall:ToPhu31"]:after{ color: #000001 !important; } /********************* ItsP-dog *********************************/ a[href$=":ItsP-dog"], a[href$="/ItsP-dog"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #02122e), color-stop(0.5, #06255c), color-stop(0.75, #055499), color-stop(1, #00ff7b)); background-image: -webkit-linear-gradient(left, #000000 0%, #f1ff2b 25%, #00ff55 50%, #00ff55 75%, #00b3ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Techno 4s infinite; color: #00ddff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Techno { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } body[class*="_ItsP-dog"] .masthead-info-lower .tally em, body[class*="_ItsP-dog"] .masthead-info-lower .tally span { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #02122e), color-stop(0.5, #06255c), color-stop(0.75, #055499), color-stop(1, #00ff7b)); background-image: -webkit-linear-gradient(left, #000000 0%, #f1ff2b 25%, #00ff55 50%, #00ff55 75%, #00b3ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Techno 4s infinite; color: #00ddff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @-webkit-keyframes glow-Pdog { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 10px #0894fd; -moz-box-shadow: 0 0 10px 10px #0894fd; -ms-box-shadow: 0 0 10px 10px #0894fd; -o-box-shadow: 0 0 10px 10px #0894fd; box-shadow: 0 0 10px 10px #0894fd; } } @keyframes glow-Pdog { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 10px #0894fd; -moz-box-shadow: 0 0 10px 10px #0894fd; -ms-box-shadow: 0 0 10px 10px #0894fd; -o-box-shadow: 0 0 10px 10px #0894fd; box-shadow: 0 0 10px 10px #0894fd; } } @-webkit-keyframes glow-Pdog-small { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 5px #0894fd; -moz-box-shadow: 0 0 10px 5px #0894fd; -ms-box-shadow: 0 0 10px 5px #0894fd; -o-box-shadow: 0 0 10px 5px #0894fd; box-shadow: 0 0 10px 5px #0894fd; } } @keyframes glow-Pdog-small { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 5px #0894fd; -moz-box-shadow: 0 0 10px 5px #0894fd; -ms-box-shadow: 0 0 10px 5px #0894fd; -o-box-shadow: 0 0 10px 5px #0894fd; box-shadow: 0 0 10px 5px #0894fd; } } img.avatar[alt="ItsP-dog"] { -webkit-animation-name: glow-Pdog; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-Pdog; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; } a[href$="/wiki/User:ItsP-dog"] > img:not([height="50"]), a[href$="/wiki/Message_Wall:ItsP-dog"] > img{ -webkit-animation-name: glow-Pdog-small !important; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-Pdog-small !important; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; } .Wall .edited-by a.subtle[href$="ItsP-dog"]:after{ content: "The #1 Dog" !important; content: "The #1 Dog" !important; font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0040ff), color-stop(0.2, #ff0400), color-stop(0.4, #00f7ff), color-stop(0.6, #c800ff), color-stop(0.8, #ff0015), color-stop(1, #ff7b00)); background-image: -webkit-linear-gradient(left, #0040ff 0%, #ff0400 20%, #00f7ff 40%, #c800ff 60%, #ff0015 80%, #ff7b00 100%,); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-therealstatus 4s infinite; color: #c800ff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-therealstatus { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /********************* ComicsCreators *********************************/ a[href$=":ComicsCreators"], a[href$="/ComicsCreators"] { color: #000002!important; font-weight: bold !important; } /***** Custom cursor *****/ /* Global cursor */ body { cursor: url(https://big-nate-comments.fandom.com/wiki/Special:Images?file=Rsz_nate_5.png), auto; } /* Link cursor */ a:hover { cursor: url(https://big-nate-comments.fandom.com/wiki/Special:Images?file=Rsz_nate_5.png), pointer; } /********************* ZachOWott *********************************/ a[href$=":ZachOWott"], a[href$="/ZachOWott"] { font-weight: bold; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #145748), color-stop(0.25, #1c7a65), color-stop(0.5, #37a67b), color-stop(0.75, #1c7a65), color-stop(1, #145748)); background-image: -webkit-linear-gradient(left, #145748 0%, #1c7a65 25%, #37a67b 50%, #1c7a65 75%, #145748 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-zachowott 4s infinite; color: #1c7a65; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-zachowott { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } body[class*="_ZachOWott"] .masthead-info-lower .tally em, body[class*="_ZachOWott"] .masthead-info-lower .tally span { font-weight: bold; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #145748), color-stop(0.25, #1c7a65), color-stop(0.5, #37a67b), color-stop(0.75, #1c7a65), color-stop(1, #145748)); background-image: -webkit-linear-gradient(left, #145748 0%, #1c7a65 25%, #37a67b 50%, #1c7a65 75%, #145748 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-zachowott 4s infinite; color: #1c7a65; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-zachowott { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } @-webkit-keyframes glow-ZachOWott { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 10px #0894fd; -moz-box-shadow: 0 0 10px 10px #0894fd; -ms-box-shadow: 0 0 10px 10px #0894fd; -o-box-shadow: 0 0 10px 10px #0894fd; box-shadow: 0 0 10px 10px #0894fd; } } @keyframes glow-ZachOWott { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 10px #0894fd; -moz-box-shadow: 0 0 10px 10px #0894fd; -ms-box-shadow: 0 0 10px 10px #0894fd; -o-box-shadow: 0 0 10px 10px #0894fd; box-shadow: 0 0 10px 10px #0894fd; } } @-webkit-keyframes glow-ZachOWott-small { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 5px #0894fd; -moz-box-shadow: 0 0 10px 5px #0894fd; -ms-box-shadow: 0 0 10px 5px #0894fd; -o-box-shadow: 0 0 10px 5px #0894fd; box-shadow: 0 0 10px 5px #0894fd; } } @keyframes glow-ZachOWott-small { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 5px #0894fd; -moz-box-shadow: 0 0 10px 5px #0894fd; -ms-box-shadow: 0 0 10px 5px #0894fd; -o-box-shadow: 0 0 10px 5px #0894fd; box-shadow: 0 0 10px 5px #0894fd; } } img.avatar[alt="ZachOWott"] { -webkit-animation-name: glow-ZachOWott; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-ZachOWott; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; } a[href$="/wiki/User:ZachOWott"] > img:not([height="50"]), a[href$="/wiki/Message_Wall:ZachOWott"] > img{ -webkit-animation-name: glow-ZachOWott-small !important; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-ZachOWott-small !important; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; } /********************* ComicRater *********************************/ a[href$=":ComicRater"], a[href$="/ComicRater"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #8B0000), color-stop(0.5, #FF0000), color-stop(0.75, #8B0000), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #8B0000 25%, #FF0000 50%, #8B0000 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Dark 4s infinite; color: #8B0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-dark { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } body[class*="_ComicRater"] .masthead-info-lower .tally em, body[class*="_ComicRater"] .masthead-info-lower .tally span { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #8B0000), color-stop(0.5, #FF0000), color-stop(0.75, #8B0000), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #8B0000 25%, #FF0000 50%, #8B0000 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Dark 4s infinite; color: #8B0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } .Wall .edited-by a.subtle[href$="ComicRater"]:after{ content: "Not an Idiot :)" !important; font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainbow 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /********************* Salty_Byleth_Main *********************************/ a[href$=":Salty_Byleth_Main"], a[href$="/Salty_Byleth_Main"] { color: #0000ff !important; font-weight: bold !important; } /********************* Moon_Man_is_gone *********************************/ a[href$=":Moon_Man_is_gone"], a[href$="/Moon_Man_is_gone"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.5, #FF0000), color-stop(1, #00FFFF)); background-image: -webkit-linear-gradient(left, #000000 0%, #FF0000 50%, #00FFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-moon 4s infinite; color: #000000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-moon {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } @-webkit-keyframes glow-Moon_Man_is_gone { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 10px #0894fd; -moz-box-shadow: 0 0 10px 10px #0894fd; -ms-box-shadow: 0 0 10px 10px #0894fd; -o-box-shadow: 0 0 10px 10px #0894fd; box-shadow: 0 0 10px 10px #0894fd; } } @keyframes glow-Moon_Man_is_gone { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 10px #0894fd; -moz-box-shadow: 0 0 10px 10px #0894fd; -ms-box-shadow: 0 0 10px 10px #0894fd; -o-box-shadow: 0 0 10px 10px #0894fd; box-shadow: 0 0 10px 10px #0894fd; } } @-webkit-keyframes glow-Moon_Man_is_gone-small { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 5px #0894fd; -moz-box-shadow: 0 0 10px 5px #0894fd; -ms-box-shadow: 0 0 10px 5px #0894fd; -o-box-shadow: 0 0 10px 5px #0894fd; box-shadow: 0 0 10px 5px #0894fd; } } @keyframes glow-Moon_Man_is_gone-small { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 5px #0894fd; -moz-box-shadow: 0 0 10px 5px #0894fd; -ms-box-shadow: 0 0 10px 5px #0894fd; -o-box-shadow: 0 0 10px 5px #0894fd; box-shadow: 0 0 10px 5px #0894fd; } } img.avatar[alt="Moon_Man_is_gone"] { -webkit-animation-name: glow-Moon_Man_is_gone; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-Moon_Man_is_gone; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; } a[href$="/wiki/User:Moon_Man_is_gone"] > img:not([height="50"]), a[href$="/wiki/Message_Wall:Moon_Man_is_gone"] > img{ -webkit-animation-name: glow-Moon_Man_is_gone-small !important; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-Moon_Man_is_gone-small !important; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; } a[href$="/wiki/User:ObiWanKenobiJesus"]:not(.extiw):not(.external), a[href$="/wiki/Message_Wall:ObiWanKenobiJesus"]:not(.extiw):not(.external), a[href$="/wiki/User_blog:ObiWanKenobiJesus"]:not(.extiw):not(.external), a[href$="/wiki/Special:Contributions/ObiWanKenobiJesus"]:not(.extiw):not(.external), a[href="/wiki/User:ObiWanKenobiJesus"], a[href="http://big-nate-comments.wikia.com/wiki/User:ObiWanKenobiJesus"], a[href="/wiki/Message_Wall:ObiWanKenobiJesus"], a[href="http://big-nate-comments.wikia.com/wiki/Message_Wall:ObiWanKenobiJesus"], a[href="/wiki/User_blog:ObiWanKenobiJesus"], a[href="http://big-nate-comments.wikia.com/wiki/User_blog:ObiWanKenobiJesus"], a[href="/wiki/Special:Contributions/ObiWanKenobiJesus"], a[href="http://big-nate-comments.wikia.com/wiki/Special:Contributions/ObiWanKenobiJesus"], a[href="/wiki/Special:Editcount/ObiWanKenobiJesus"], a[href="http://big-nate-comments.wikia.com/wiki/Special:Editcount/ObiWanKenobiJesus"], a[href="/d/u/44960929"], a[href="http://https://big-nate-comments.wikia.com/d/u/44960929"], a[href="/wiki/User:ObiWanKenobiJesus/Sandbox"], a[href="http://big-nate-comments.wikia.com/wiki/User:ObiWanKenobiJesus/Sandbox"] { color: #39A806 !important; font-weight: bold !important; } /********************* EddieAndReady88 *********************************/ /* PET's new username */ a[href$="/wiki/User:EddieAndReady88"]:not(.extiw):not(.external), a[href$="/wiki/Message_Wall:EddieAndReady88"]:not(.extiw):not(.external), a[href$="/wiki/User_blog:EddieAndReady88"]:not(.extiw):not(.external), a[href$="/wiki/Special:Contributions/EddieAndReady88"]:not(.extiw):not(.external), a[href="/wiki/User:EddieAndReady88"], a[href="http://big-nate-comments.wikia.com/wiki/User:EddieAndReady88"], a[href="/wiki/Message_Wall:EddieAndReady88"], a[href="http://big-nate-comments.wikia.com/wiki/Message_Wall:EddieAndReady88"], a[href="/wiki/User_blog:EddieAndReady88"], a[href="http://big-nate-comments.wikia.com/wiki/User_blog:EddieAndReady88"], a[href="/wiki/Special:Contributions/EddieAndReady88"], a[href="http://big-nate-comments.wikia.com/wiki/Special:Contributions/EddieAndReady88"], a[href="/wiki/Special:Editcount/EddieAndReady88"], a[href="http://big-nate-comments.wikia.com/wiki/Special:Editcount/EddieAndReady88"], a[href="/f/u/31513065"], a[href="https://big-nate-comments.fandom.com/f/u/31513065"], a[href="http://big-nate-comments.wikia.com/wiki/User:/EddieAndReady88 Sandbox"], a[href="/wiki/Special:UserProfileActivity/EddieAndReady88"], a[href="/wiki/Special:UserProfileActivity/EddieAndReady88?tab=messages"], a[href="/wiki/Special:UserProfileActivity/Opheuchus?tab=comments"], a[href="/wiki/Special:UserProfileActivity/Opheuchus?tab=posts"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #FFEFF6), color-stop(0.5, #FFFFFF), color-stop(0.75, #d3fdf8), color-stop(1, #0000FF)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #FFEFF6 25%, #FFFFFF 50%, #d3fdf8 75%, #0000FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-French 4s infinite; color: #FFFFFF; /* Fallback color for non-webkit browsers */ white-space: nowrap } @keyframes Text-french { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } body[class*="EddieAndReady88"] .masthead-info-lower .tally em, body[class*="EddieAndReady88"] .masthead-info-lower .tally span { font-weight: bold; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-french 4s infinite; color: #FFFFFF; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-french { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /********************* Lssj8521 *********************************/ a[href$=":Lssj8521"], a[href$="/Lssj8521"] { color: #FA0C0C!important; font-weight: bold !important; } /* PET's new username */ a[href$="/wiki/User:Opheuchus"]:not(.extiw):not(.external), a[href$="/wiki/Message_Wall:Opheuchus"]:not(.extiw):not(.external), a[href$="/wiki/User_blog:Opheuchus"]:not(.extiw):not(.external), a[href$="/wiki/Special:Contributions/Opheuchus"]:not(.extiw):not(.external), a[href="/wiki/User:Opheuchus"], a[href="http://big-nate-comments.wikia.com/wiki/User:Opheuchus"], a[href="/wiki/Message_Wall:Opheuchus"], a[href="http://big-nate-comments.wikia.com/wiki/Message_Wall:Opheuchus"], a[href="/wiki/User_blog:Opheuchus"], a[href="http://big-nate-comments.wikia.com/wiki/User_blog:Opheuchus"], a[href="/wiki/Special:Contributions/Opheuchus"], a[href="http://big-nate-comments.wikia.com/wiki/Special:Contributions/Opheuchus"], a[href="/wiki/Special:Editcount/Opheuchus"], a[href="http://big-nate-comments.wikia.com/wiki/Special:Editcount/Opheuchus"], a[href="/f/u/31513065"], a[href="https://big-nate-comments.fandom.com/f/u/31513065"], a[href="http://big-nate-comments.wikia.com/wiki/User:/Opheuchus Sandbox"], a[href="/wiki/Special:UserProfileActivity/Opheuchus"], a[href="/wiki/Special:UserProfileActivity/Opheuchus?tab=messages"], a[href="/wiki/Special:UserProfileActivity/Opheuchus?tab=comments"], a[href="/wiki/Special:UserProfileActivity/Opheuchus?tab=posts"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainbow 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } body[class*="_Positive_Elixir_Trade"] .masthead-info-lower .tally em, body[class*="_Positive_Elixir_Trade"] .masthead-info-lower .tally span { font-weight: bold; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainbow 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } .Wall .edited-by a.subtle[href$="Opheuchus"]:after{ content: "Creator of Gradient Fonts" !important; content: "Creator of Gradient Fonts" !important; font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainbow 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* VV color: #9158d9!important; font-weight: bold !important; font-family: rubik !important; VV */ /********************* Ak-Elfs *********************************/ a[href$=":Ak-Elfs"], a[href$="/Ak-Elfs"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #90ee90), color-stop(0.5, #FFC0CB), color-stop(0.75, #FFFF00), color-stop(1, #00FFFF)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #FFA500 25%, #FFC0B 50%, #FFFF00 75%, #00FFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-starburst 7s infinite; color: #FF0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold !important; font-family: rubik !important; } @keyframes Text-starburst {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } @-webkit-keyframes glow-Ak-Elfs { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 10px #0894fd; -moz-box-shadow: 0 0 10px 10px #0894fd; -ms-box-shadow: 0 0 10px 10px #0894fd; -o-box-shadow: 0 0 10px 10px #0894fd; box-shadow: 0 0 10px 10px #0894fd; } } @keyframes glow-Ak-Elfs { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 10px #0894fd; -moz-box-shadow: 0 0 10px 10px #0894fd; -ms-box-shadow: 0 0 10px 10px #0894fd; -o-box-shadow: 0 0 10px 10px #0894fd; box-shadow: 0 0 10px 10px #0894fd; } } @-webkit-keyframes glow-Ak-Elfs-small { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 5px #0894fd; -moz-box-shadow: 0 0 10px 5px #0894fd; -ms-box-shadow: 0 0 10px 5px #0894fd; -o-box-shadow: 0 0 10px 5px #0894fd; box-shadow: 0 0 10px 5px #0894fd; } } @keyframes glow-Ak-Elfs-small { from { -webkit-box-shadow: 0 0 10px 0px #0894fd; -moz-box-shadow: 0 0 10px 0px #0894fd; -ms-box-shadow: 0 0 10px 0px #0894fd; -o-box-shadow: 0 0 10px 0px #0894fd; box-shadow: 0 0 10px 0px #0894fd; } to { -webkit-box-shadow: 0 0 10px 5px #0894fd; -moz-box-shadow: 0 0 10px 5px #0894fd; -ms-box-shadow: 0 0 10px 5px #0894fd; -o-box-shadow: 0 0 10px 5px #0894fd; box-shadow: 0 0 10px 5px #0894fd; } } img.avatar[alt="Ak-Elfs"] { -webkit-animation-name: glow-Ak-Elfs; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-Ak-Elfs; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; } a[href$="/wiki/User:Ak-Elfs"] > img:not([height="50"]), a[href$="/wiki/Message_Wall:Ak-Elfs"] > img{ -webkit-animation-name: glow-Ak-Elfs-small !important; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: glow-Ak-Elfs-small !important; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; } /********************* GarfieldMN *********************************/ a[href$=":GarfieldMN"], a[href$="/GarfieldMN"] { color: #ff8400!important; font-weight: bold !important; } /********************* ObiWanKenobiJesus *********************************/ a[href$=":ObiWanKenobiJesus "], a[href$="/ObiWanKenobiJesus "] { color: #39A806!important; font-weight: bold !important; } /****************Kirkburn********************/ a[href$=":Kirkburn"], a[href$="/Kirkburn"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #7babb3), color-stop(0.5, #032E35), color-stop(0.75, #00d6c5), color-stop(1, #00E0CE)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #7babb3 25%, #032E35 50%, #00d6c5 75%, #00E0CE 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Fandom 4s infinite; color: #00E0CE; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; font-family: 'Space Grotesk'; background-image: linear-gradient(to bottom right, #edf2f2, #69d6d6, #edf2f2, #69d6d6); } @keyframes Text-Fandom { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /****************JustLeafy********************/ a[href$=":JustLeafy"], a[href$="/JustLeafy"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #7babb3), color-stop(0.5, #032E35), color-stop(0.75, #00d6c5), color-stop(1, #00E0CE)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #7babb3 25%, #032E35 50%, #00d6c5 75%, #00E0CE 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Fandom 4s infinite; color: #00E0CE; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; font-family: 'Space Grotesk'; background-image: linear-gradient(to bottom right, #edf2f2, #69d6d6, #edf2f2, #69d6d6); } @keyframes Text-Fandom { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /****************FANDOMbot********************/ a[href$=":FANDOMbot"], a[href$="/FANDOMbot"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #7babb3), color-stop(0.5, #032E35), color-stop(0.75, #00d6c5), color-stop(1, #00E0CE)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #7babb3 25%, #032E35 50%, #00d6c5 75%, #00E0CE 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Fandom 4s infinite; color: #00E0CE; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; font-family: 'Space Grotesk'; background-image: linear-gradient(to bottom right, #edf2f2, #69d6d6, #edf2f2, #69d6d6); } @keyframes Text-Fandom { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*********************************/ /*******A.4 Profile Tag Stlying*******/ /*********************************/ /* Bureaucrat */ .tag.usergroup-bureaucrat { background-color: gold !important; color: black !important; } /* Admin */ .tag.usergroup-sysop { background-color: blue !important; color: black !important; } /* Founder */ .tag.usergroup-founder{ background-color: red !important; } /* The #1 Dog */ .tag.usergroup-Clock{ background-color: Lime !important; } /* Content Moderator */ .tag.usergroup-content-moderator{ background-color: #1c03fc !important; } /* Discussions Moderator */ .tag.usergroup-threadmoderator{ background-color: #03fc6f !important; } /* Chat Moderator */ .tag.usergroup-chatmoderator{ background-color: #fc8c03 !important; } /* Rollback */ .tag.usergroup-rollback{ background-color: #9e34eb !important; } /* Blocked */ .tag.usergroup-blocked{ background-color: black !important; } /*********************************/ /*******A.5 Pages*******/ /*********************************/ /* Comment Ninjas */ a[href$="/The_Comment_Ninja%27s_5_(The_Final_Battle)_(Adventure_series)"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #8c0303), color-stop(0.5, #eb0e0e), color-stop(0.75, #0e50eb), color-stop(1, #00bfe6)); background-image: -webkit-linear-gradient(left, #000000 0%, #8c0303 25%, #0e50eb 50%, #00bfe6 75%, #0352ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Commentn 4s infinite; color: #0e50eb; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Commentn { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Profile: ItsP-dog*/ a[href$="/Profile:_ItsP-dog"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #02122e), color-stop(0.5, #06255c), color-stop(0.75, #055499), color-stop(1, #00ff7b)); background-image: -webkit-linear-gradient(left, #000000 0%, #f1ff2b 25%, #00ff55 50%, #00ff55 75%, #00b3ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Techno 4s infinite; color: #00ddff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Techno { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Rainbow Font Pages (Official Pages) */ a[href$="/List_of_all_gradient_texts"], a[href$="/Big_Nate_COMMENTS_Wiki"], a[href$="/Forum"], a[href$="/Admins_and_Mods"] a[href$="/Special:Leaderboard"], a[href$="/Special:ListUsers"], a[href$="/Blog:Recent_posts"], a[href$="/List_of_all_gradient_texts/info"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainbow 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*** Other Official Pages (Not Rainbow Font) ***/ /* Pages with "Text-Midnight" */ a[href$="/MediaWiki:Welcome-message-wall-user"] { font-weight: bold; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #2b0340), color-stop(0.5, #430563), color-stop(0.75, #61098f), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #61098f 25%, #430563 50%, #2b0340 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Midnight 4s infinite; color: #002aff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-midnight { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Pages with "Text-Banned" */ a[href$="/Banned_Categories_(Official)"], a[href$="/Template:BannedCategory"], a[href$="/Category:BannedCategory"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8a1313), color-stop(0.25, #ff0000), color-stop(0.5, #4f0000), color-stop(0.75, #ff0000), color-stop(1, #8a1313)); background-image: -webkit-linear-gradient(left, #8a1313 0%, #ff0000 25%, #4f0000 50%, #ff0000 75%, #8a1313 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-banned 4s infinite; color: #4f0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-banned { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Terminated Users */ a[href$=":Crossdoggo"], a[href="https://big-nate-comments.fandom.com/wiki/User%3AKellyTheGachaGirl"], a[href="https://big-nate-comments.fandom.com/wiki/User%3AGoldenglory4life"], a[href="https://big-nate-comments.fandom.com/wiki/User%3AItsYaBoiP-dog"], a[href="https://big-nate-comments.fandom.com/wiki/User%3AMintCrepe"], a[href="https://big-nate-comments.fandom.com/wiki/User%3APigLoverGoComics"], a[href="https://big-nate-comments.fandom.com/wiki/User%3ALssj8520"], a[href="https://big-nate-comments.fandom.com/wiki/User%3AAndythemage"], a[href="https://big-nate-comments.fandom.com/wiki/User%3AThe_Psycho_Ranter"], a[href="https://big-nate-comments.fandom.com/wiki/User%3AThe_Psychotic_Ranter"], a[href="https://big-nate-comments.fandom.com/wiki/User:OdietheDogIsSleeping54321"], a[href="https://big-nate-comments.fandom.com/wiki/User:TheAmazingCrafter"], a[href="https://big-nate-comments.fandom.com/wiki/User:TrapperClicker"], a[href="https://big-nate-comments.fandom.com/wiki/User:Ideas_r_us!"], a[href="https://big-nate-comments.fandom.com/wiki/User:Anonymous_5f2090170675a1.72081044"], a[href="https://big-nate-comments.fandom.com/wiki/User:FudgyGuy-fduser"], a[href="https://big-nate-comments.fandom.com/wiki/User:CrossDoggo2.0"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8a1313), color-stop(0.25, #ff0000), color-stop(0.5, #4f0000), color-stop(0.75, #ff0000), color-stop(1, #8a1313)); background-image: -webkit-linear-gradient(left, #8a1313 0%, #ff0000 25%, #4f0000 50%, #ff0000 75%, #8a1313 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-banned 4s infinite; color: #4f0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-banned { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Discord Link */ a[href$="/3rBgRBP"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #406da2), color-stop(0.5, #ffffff), color-stop(0.75, #406da2), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #406da2 25%, #ffffff 50%, #406da2 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-discord 4s infinite; color: #ffffff; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; } @keyframes Text-discord { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* P-dog's Server Link */ a[href$="/h29bSwB"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainbow 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Fandom TOS */ a[href$="www.fandom.com/terms-of-use"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #7babb3), color-stop(0.5, #032E35), color-stop(0.75, #00d6c5), color-stop(1, #00E0CE)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #7babb3 25%, #032E35 50%, #00d6c5 75%, #00E0CE 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Fandom 4s infinite; color: #00E0CE; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Fandom { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Trick or Treat*/ a[href$="/Trick_Or_Treat"], a[href="/Trick_Or_Treat_2020_Edition"] { font-weight: bold !important; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #a15e06), color-stop(0.2, #ffaf45), color-stop(0.4, #ffffff/* white */), color-stop(0.6, #000000), color-stop(0.8, #ffaf45), color-stop(1, #a15e06)); background-image: -webkit-linear-gradient(left, #a15e06 0%, #ffaf45 20%, #ffffff 40%, #000000 60%, #ffaf45 80%, #a15e06 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-halloween 4s infinite; color: #ffaf45; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-halloween {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*BNCS Subreddit*/ a[href$="https://www.reddit.com/r/BNCS/"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff4800), color-stop(0.5, #ffffff), color-stop(1, #ff4800)); background-image: -webkit-linear-gradient(left, #ff4800 0%, #ffffff 50%, #ff4800 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-reddit 3s infinite; color: #ff4800; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; } @keyframes Text-reddit {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Imported Google Fonts Page*/ a[href="/List_of_Imported_Google_Fonts"] {font-family:Albertus;color:black;font-size:20px; } /*Thanksgiving Pages*/ a[href$="/Favorite_Thanksgiving_Activities"], a[href$="/MS_Paint_Competition!"], a[href$="/Thanksgiving_Profile_Pictures"], a[href$=":Thankgiving_foods_that_you_eat"], a[href$=":What_Are_You_Thankful_For%3F"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffa500), color-stop(0.25, #f8d568), color-stop(0.5, #FFFF00), color-stop(0.75, #c39b77), color-stop(1, #6b4000)); background-image: -webkit-linear-gradient(left, #ffa500 0%, #f8d568 25%, #FFFF00 50%, #c39b77 75%, #6b4000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Thanksgiving 4s infinite; color: #f8d568; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; } @keyframes Text-Thanksgiving { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Advent Calendar 2020 */ a[href$="/Advent_Calendar_2020"], a[href$="/User_blog:ZachOWott/Advent_Answers_and_Polls"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #db290d), color-stop(0.25, #ebd8d8), color-stop(0.5, #ebd8d8), color-stop(0.75, #ebd8d8), color-stop(1, #c21717)); background-image: -webkit-linear-gradient(left, #db290d 0%, #ebd8d8 25%, #ebd8d8 50%, #ebd8d8 75%, #c21717 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-advent 4s infinite; color: #ebd8d8; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; font-style: italic; } @keyframes Text-advent {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Winter Wonderland 2020 Tournament */ a[href$="/Winter_Wonderland_2020_Tournament"] { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #0073D9), color-stop(0.5, #1B0EB0), color-stop(0.75, #0073D9), color-stop(1, #BBD6E4)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #0073D9 25%, #1B0EB0 50%, #0073D9 75%, #BBD6E4 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Winterwonderland 4s infinite; color: #0073D9; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-style: italic; } @keyframes Text-Winterwonderland { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /************************************/ /*********A.6 Miscellaneous Styling*********/ /************************************/ /***** Space-Between Container *****/ /* (container items have space between them) */ div.s-bContainer { display: flex; justify-content: space-between; } /* Example Usage: Content */ /***** Center Container *****/ div.cContainer { display: flex; justify-content: center; } /*******************************/ /*** Welcome-message-wall-user line Variants ***/ /******************************/ /* Welcome-message-wall-user line (thin) */ hr.welcome-message-wall-user-line1 { border: 2px outset #005eff; border-radius: 2px; } /* Welcome-message-wall-user line (thick) */ hr.welcome-message-wall-user-line2 { border: 10px outset #005eff; border-radius: 5px outset #005eff; } /* Halloween! */ .halloween.mainpage { border: 4px double #5e3500; border-radius: 10px 8px 10px; border-bottom: 8px solid black; background-image: linear-gradient(to bottom right, #e88400, #b06c13,#cf8b32, #e3a656, #ffc57a); color: white; font-weight: bold; padding: 4px; margin: 2px; } .halloween.mprightcolumntop { border: 6px double #5e3500; border-radius: 10px 8px 10px; background-image: linear-gradient(to bottom right, #e88400, #b06c13,#cf8b32, #e3a656, #ffc57a); color: white; font-weight: bold; padding: 4px; margin: 2px; } /* Candy Corn Line */ .candycorn { border: 3px dashed orange; background-color: #dced42; } /*Turkey Line 1*/ hr.turkey1 { border-color: #786948; border-style: dotted; border-width: 5px; background-color: #b02000; } /*Turkey Line 2*/ hr.turkey2 { border-color: #b02000; border-style: dotted; border-width: 5px; background-color: #786948; } /* Candy Cane Heading */ h1.candycane { color: #035913; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; text-align: center; background-image: linear-gradient(to right, #de0d0d, #de0d0d, #ffffff, #ffffff, #ffffff, #de0d0d, #ffffff, #ffffff, #ffffff, #de0d0d, #ffffff, #ffffff, #ffffff, #de0d0d, #de0d0d); background-repeat: repeat; border-radius: 10px; padding: 3px; width: auto; } /************************************************/ /* Custom cursor */ /************************************************/ body { cursor: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTGi922YsMirLUcZNSqfk220WJAJqJFq3GLzw&usqp=CAU'), pointer; } a:hover { cursor: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTGi922YsMirLUcZNSqfk220WJAJqJFq3GLzw&usqp=CAU'), pointer; } .clickable-div a { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; } .clickable-div a > img { width: 100%; height: 100%; } .clickable-div a > img:hover { background: rgba(0, 0, 0, 0.2); } .card-box.clickable-div { overflow: hidden; }/**/ /* Without shading */ .clickable-div-ns a { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; } .clickable-div-ns a > img { width: 100%; height: 100%; }/**/ .nav-button a { position: absolute; height: 100%; width: 110%; top: 0px; left: 0px; } .nav-button a > img { width: 100%; height: 110%; } .nav-button { background-color: #328fa8; color: black; transition: background-color 1s, color 1s; -webkit-transition: background-color 1s, color 1s; -o-transition: background-color 1s, color 1s; -moz-transition: background-color 1s, color 1s; } .nav-button:hover { background-color: white; color: #328fa8; } .nav-button:active { background-color: #328fa8; color: #328fa8; }/**/ a.tag { color: inherit; } /* Navigation buttons */ .brawlButton { position: relative; overflow: hidden; background-color: #2490F5; font-family: "Lilita One"; color: #FFFFFF; letter-spacing: 1px; text-align: center; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7); border: 4px solid rgba(0, 0, 32, 0.5); border-radius: 3px; box-shadow: inset 0 -6px 0 rgba(0, 0, 32, 0.2), inset 0 6px 0 rgba(255, 255, 255, 0.2), 0 4px 0 rgba(0, 0, 0, 0.15); margin: 6px; } .brawlButton:active { transform: translateY(4px); } /************************************/ /*********A.7 Google Fonts*********/ /************************************/ /* Albertus Font */ @font-face{ font-family:"Albertus"; src:url("https://files.jcink.net/uploads/wingoffirewiki/Albertus_Medium_Regular_font.ttf") format("truetype");font-weight:normal;font-style:normal; } /* Modak Font / @font-face{ font-family:"Modak"; src:url("https://fonts.googleapis.com/css?family=Modak") format("OTF");font-weight:normal;font-style:normal;}") format("truetype");font-weight:normal;font-style:normal; } /************************************/ /*********A.8 Gradient Buttons*********/ /************************************/ .rules-button { position: relative; font: 19px rubik; padding: 2.5px 20px; margin: 2em auto; background: url('https://vignette.wikia.nocookie.net/robloxarsenal/images/9/96/Rainbowowo.png/revision/latest/scale-to-width-down/640?cb=20200723102027') repeat; background-size: 1024px, 512px; background-position: left center; animation: rainbow 12s linear infinite; } .rules-button > a { color: white; text-decoration: none !important; text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000; } .rules-button:before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: rgba(0, 0, 0, 0) #222426; } @keyframes rainbow { 0% { background-position: left center; } 100% { background-position: 2048px, 0; } } .elf-button { position: relative; font: 19px rubik; padding: 2.5px 20px; margin: 2em auto; background: url('https://images-na.ssl-images-amazon.com/images/I/81fdoo5%2BHVL._AC_SL1500_.jpg') repeat; background-size: 1024px, 512px; background-position: left center; animation: rainbow 12s linear infinite; } .elf-button { position: relative; font: 19px rubik; padding: 2.5px 20px; margin: 2em auto; background: url('https://images-na.ssl-images-amazon.com/images/I/81fdoo5%2BHVL._AC_SL1500_.jpg') repeat; background-size: 1024px, 512px; background-position: left center; animation: rainbow 12s linear infinite; } .elf-button > a { color: white; text-decoration: none !important; text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000; } .elf-button:before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: rgba(0, 0, 0, 0) #222426; } @keyframes rainbow { 0% { background-position: left center; } 100% { background-position: 2048px, 0; } } .jimmy-button { position: relative; font: 19px rubik; padding: 2.5px 20px; margin: 2em auto; background: url('https://www.color-hex.com/palettes/13049.png') repeat; background-size: 1024px, 512px; background-position: left center; animation: rainbow 12s linear infinite; } .jimmy-button { position: relative; font: 19px rubik; padding: 2.5px 20px; margin: 2em auto; background: url('https://www.color-hex.com/palettes/13049.png') repeat; background-size: 1024px, 512px; background-position: left center; animation: rainbow 12s linear infinite; } .jimmy-button > a { color: white; text-decoration: none !important; text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000; } .jimmy-button:before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: rgba(0, 0, 0, 0) #222426; } @keyframes jimmy { 0% { background-position: left center; } 100% { background-position: 2048px, 0; } } .god-button { position: relative; font: 19px rubik; padding: 2.5px 20px; margin: 2em auto; background: url('https://www.color-hex.com/palettes/13050.png') repeat; background-size: 1024px, 512px; background-position: left center; animation: rainbow 12s linear infinite; } .god-button { position: relative; font: 19px rubik; padding: 2.5px 20px; margin: 2em auto; background: url('https://www.color-hex.com/palettes/13050.png') repeat; background-size: 1024px, 512px; background-position: left center; animation: rainbow 12s linear infinite; } .god-button > a { color: white; text-decoration: none !important; text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000; } .god-button:before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: rgba(0, 0, 0, 0) #222426; } @keyframes god { 0% { background-position: left center; } 100% { background-position: 2048px, 0; } } [class^='EntityHeader_name__'][href='/wiki/User:Ak-Elfs']::after, .edit-info-user[href='/wiki/User:Ak-Elfs']::after { content: ''; background-image: url(https://media.tenor.com/images/a628d7d0edd6a8c76796988b6e73c568/tenor.gif); } [class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); } [class^='EntityHeader_name__'][href='/wiki/User:ChemicalChaos%20GC']::after, .edit-info-user[href='/wiki/User:ChemicalChaos GC']::after { content: ''; background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/6/68/Enchanted_Netherite_Pickaxe.gif/revision/latest/scale-to-width-down/120?cb=20200208182722); } [class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); } [class^='EntityHeader_name__'][href='/wiki/User:Swasimcool']::after, .edit-info-user[href='/wiki/User:Swasimcool']::after { content: ''; background-image: url(https://cdn.discordapp.com/attachments/741818665867149373/796045368839766056/char2.gif); } [class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); } [class^='EntityHeader_name__'][href='/wiki/User:Henry%20Hudson%20GC']::after, .edit-info-user[href='/wiki/User:Henry_Hudson_GC']::after { content: ''; background-image: url(https://static.wikia.nocookie.net/60eb928e-c246-482c-b539-e5ac28a4e7c1); } [class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); } [class^='EntityHeader_name__'][href='/wiki/User:DarthPigious']::after, .edit-info-user[href='/wiki/User:DarthPigious']::after { content: ''; background-image: url(https://images-ext-2.discordapp.net/external/dY1dtahMoVhTq4VAwyj5Yngerlf1K38LjfGpWGV37Y0/%3Fcb%3D20190420225711/https/static.wikia.nocookie.net/officialclubpenguinonline/images/a/af/Blue_Lightsaber_icon.png/revision/latest?width=197&height=200); } [class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); } [class^='EntityHeader_name__'][href='/wiki/User:Valence%20UwU']::after, .edit-info-user[href='/wiki/User:Valence_UwU']::after { content: ''; background-image: url(https://static.wikia.nocookie.net/a72ed5d1-1da3-4329-990f-8a273b09228c); } [class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); } [class^='EntityHeader_name__'][href='/wiki/User:ObiWanKenobiJesus']::after, .edit-info-user[href='/wiki/User:ObiWanKenobiJesus']::after { content: ''; background-image: url(https://media.discordapp.net/attachments/783703597941784637/796856321902116924/obi_lego.jpg); } [class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); } [class^='EntityHeader_name__'][href='/wiki/User:ComicsCreators']::after, .edit-info-user[href='/wiki/User:ComicsCreators']::after { content: ''; background-image: url(https://media.discordapp.net/attachments/745744212439597076/796047628461670410/ROLTA_Logo.png?width=674&height=674); } [class^='EntityHeader_name__']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; transform: translate(-1px,-2px); } /************************************/ /*********A.8 Gradient Background*********/ /************************************/ .epic-background { background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 15s ease infinite; padding:1em; color:white } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /***** Game Slider *****/ .ui-widget-header { background: transparent; border: none; } .scroll-bar { border-radius: 0px; } .scroll-bar-wrap { width: auto; margin: 0 25px 4px 25px; padding: 4px; background: transparent; border: none; } .ui-slider { border: 1px solid #333; box-shadow: 0 0 4px #333; background: transparent; } .scroll-bar-wrap .ui-slider-handle { margin-top: 1.5px; background: black; border: none; } .scroll-bar-wrap .ui-slider-handle:hover { cursor: pointer; } .game-slider { overflow: hidden; white-space: nowrap; width: auto; padding-bottom: 10px; } .game-slider * { margin: 0; padding: 0; } .game-slider figure { display: inline-block; } .game-content-main { background: rgba(0,0,0,0.5) } .game-content { width: 100%; height: 290px; padding: 5px } .game-content > div.floatleft { margin-right: 5px; margin-bottom: 0 } .game-content > h3 { font-size: 20px; margin-top: .2em; margin-bottom: .45em; padding-left: 7px } .loader { position: absolute; top: 50%; left: 50%; border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #3498db; width: 20px; height: 20px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .game-slider a { position: relative } .game-slider a.content-active::before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(0,0,0,0.5); position: absolute; top: 112px; left: 61px } .portal_metro#portal_slider,.portal_metro#portal_slider .portal_body { border: none !important; border-radius: 0 !important } .portal_metro .toc { display: none } .portal_container { display: inline-block; margin-bottom: 15px; position: relative; width: 100% } .portal_metro:before { background-color: rgb(0,0,0); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -2 } .portal_metro { border: none } .portal_metro .portal_body { overflow: hidden; padding: 0 10px } .portal_metro .portal_metro { border: none } .portal_metro.ui-tabs .ui-tabs-panel { padding: 0 } .portal_metro#portal_slider,.portal_metro#portal_slider .portal_body { padding: 0 } .portal_metro [class^=portal_sliderlink] .mw-headline,.portal_metro [class^=portal_sliderlink] .portal_slidertext,.portal_metro .portal_header_text,.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a,.portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { font-family: "Segoe UI",Helvetica,Verdana; font-weight: normal; text-align: left; text-shadow: 0 0 2px rgba(64,0,0,0.5),-1px -1px rgba(64,0,0,0.5),1px 1px rgba(64,0,0,0.5); width: 100% } .portal_metro [class^=portal_sliderlink] .mw-headline,.portal_metro [class^=portal_sliderlink] .portal_slidertext,.portal_metro .portal_header_text,.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { text-transform: uppercase } .portal_metro .portal_header_text { font-size: 2em; padding-top: 15px } .portal_metro [class^=portal_sliderlink] { font-size: 1.6em } .portal_metro .portal_header { margin-bottom: 6px; padding: 0; position: relative } .portal_metro .portal_header_text { border-bottom: none; padding-left: 15px } .portal_metro .portal_headerlinks { font-size: 0.8em; padding-bottom: 2px; position: absolute; right: 1em; top: 1em; z-index: 1 } .portal_metro .portal_header,.portal_metro .portal_header a:link,.portal_metro .portal_header a:visited,.portal_metro .portal_header a:hover,.portal_metro .portal_header a:active { color: rgb(192,0,0) } .portal_metro [class^=portal_sliderlink] .portal_slidertext { bottom: 10px; left: 10px; position: absolute; pointer-events: none } .portal_metro#portal_slider .portal_navlink { display: none } .portal_metro#portal_slider { overflow: hidden; position: relative; height: 255px; margin-right: 10px } .portal_metro#portal_slider .portal_navlink { bottom: 8px; display: block; left: 8px; position: absolute; z-index: 2 } .portal_metro#portal_slider .portal_navlink img { opacity: 0.3 } .portal_metro#portal_slider .portal_navlink img:hover { opacity: 0.8 } .portal_metro#portal_slider .portal_header { height: 50px; position: absolute; right: 10px; width: 100px } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { padding: 0 } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { border: none } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel { left: 175px; position: absolute; top: 0; overflow-y: scroll; right: 0 } .ui-tabs-panel::-webkit-scrollbar { width: 12px } .ui-tabs-panel::-webkit-scrollbar:disabled { display: none } .ui-tabs-panel::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.5) } .ui-tabs-panel::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.25) } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { float: left; padding: 0; width: 175px } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li { border-bottom-width: 1px !important; border-right-width: 0 !important; clear: left; cursor: pointer; margin: 0; top: 0; width: 100% } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding: 0 } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { background: none; display: block; font-size: 18px !important; padding: 0.35em 0 0.35em 0.5em; width: 100% } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a { background: none; cursor: pointer; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after { content: ""; height: 100%; overflow-y: hidden; width: 100% } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before { } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before,.portal_vtab.ui-tabs-vertical .ui-tabs-nav:after,.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-default { background-color: rgba(0,0,0,0.6); background-image: none; border: none } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-active { background-color: transparent } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover { background-color: transparent } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { width: 100% } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { border-right-width: 1px; padding-bottom: 0 } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel ul { margin: 0; padding-left: 5px; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li { list-style: none; padding: 0.1em 0 0.1em 0.4em; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { color: rgb(255,255,255); display: block; font-size: 16px; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { border-bottom: none; color: rgb(192,0,0); font-size: 1.4em; margin-top: 0; padding: 1em 0 0 1em; text-transform: uppercase } .portal_metro.portal_main .portal_sliderlink-2 { height: 255px; left: 0; top: 0 } .portal_metro.portal_main .portal_sliderlink-3 { height: 100px; right: 0; top: 0 } .portal_metro.portal_main .portal_sliderlink-4 { height: 100px; right: 0; top: 100px } .portal_metro.portal_main .portal_sliderlink-5 { height: 55px; right: 0; top: 200px } .portal_metro.portal_main .portal_sliderlink-2 .portal_slidertext { display: block; left: 10px; bottom: 10px; margin-bottom: 0 } .portal_metro.portal_main [class^=portal_sliderlink] { cursor: pointer; overflow: hidden; position: absolute; width: 200px; z-index: 0 } .portal_metro.portal_main,.portal_vtab.ui-tabs-vertical,.portal_vtab.ui-tabs-vertical .ui-tabs-nav,.portal_vtab.ui-tabs-vertical .ui-tabs-panel { height: 255px } .portal_metro.portal_main .portal_sliderlink-2 { width: 100% } .portal_metro.portal_main [class^=portal_sliderlink]:before { background-color: rgb(0,0,0); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1 } .portal_metro.portal_main [class^=portal_sliderlink_bg] { background-repeat: no-repeat; content: ""; display: block; height: 100%; left: 0; opacity: 0.8; position: absolute; top: 0; width: 100%; z-index: -1 } .portal_metro.portal_main [class^=portal_sliderlink]:hover { opacity: 1 } .portal_metro [class^=portal_sliderlink] .mw-headline,.portal_metro [class^=portal_sliderlink] .portal_slidertext,.portal_metro .portal_header_text,.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { font-size: 20px !important; line-height: 1; margin: 0; color: #fff } /* ###### Navbox ###### */ .nav-box { border-collapse:collapse; width:80%; margin:auto; } .nav-box tbody { background:#fff2d7; } .nav-box th, .nav-box td { border:1px solid #ffffff; padding:3px 4px; font-size:12px; } .nav-box tr ~ tr th { width:10%; } .nav-box tr td:only-child { text-align:center; } .nav-box th { background:orange; } .nav-box tr ~ tr th:not([rowspan]) { background:#ffe852; } .nav-box tr ~ tr th { background:#ffd200; } .nav-box th > a { font-size:1.5em; } /* End CSS */
/* Any JavaScript here will be loaded for all users on every page load. */ //IIFE to prevent polluting global namespace ;(function(root, console, udf){ //Variables: var debug = true;//set to false for released code //Actual Code: /*Utility Functions:*/ //use this function for debugging to the console function log(){ debug && console && console.log && console.log.apply(console, Array.prototype.slice.call(arguments)); } //executes a function when the DOM is ready function ready(fn){ /in/.test(document.readyState)?setTimeout(ready.bind(null, fn), 10):fn(); } /*Polyfills:*/ Array.isArray || (Array.isArray = function(obj){ return {}.toString.call(obj) == "[object Array]"; }); })(this, this.console); window.UserTagsJS = { modules: { mwGroups: [ 'bureaucrat', 'sysop', 'content-moderator', 'chatmoderator', 'threadmoderator', 'rollback', 'bot', 'bot-global' ], metafilter: { sysop: ['bureaucrat'], 'content-moderator': ['bureaucrat', 'sysop'], chatmoderator: ['bureaucrat', 'sysop', 'content-moderator'], threadmoderator: ['bureaucrat', 'sysop', 'content-moderator', 'chatmoderator'], rollback: ['bureaucrat', 'sysop', 'content-moderator', 'chatmoderator', 'threadmoderator'] } } }; importArticles({ type: 'script', articles: [ 'u:dev:MediaWiki:WikiActivity.js', ] }); /*Quiz:*/ var quizName = "Quiz"; var quizLang = "en"; var resultsTextArray = [ "You know nothing about Ak-Elfs! Come back once you're smarter!", "At least you know a little bit about me :)", "You are my new best friend for finishing this!" ]; var questions = [ ["When did Ak join the wiki?", "August 6 2020", "August 5 2020", "August 7th 2020", "August 8th 2020"], ["Who is Ak's best wiki friend?", "ZachOWott", "Swasimcool", "Spyroclub1"], ["When did Ak-Elfs get mod?", "September 30 2020", "October 1 2020"] ]; importArticles({ type: 'script', articles: [ 'u:dev:Quiz/code.js' ] }); importArticles({ type: 'script', articles: [ 'u:dev:MediaWiki:UserAccountAge/code2.js', ] }); // /** GameSlider by Luqgreg **/ /* Scripts used and modifed under CC-BY-SA license: - "Slider.js" by Pecoes & Vuh (https://elderscrolls.fandom.com/pl/wiki/MediaWiki:Slider.js) - "sliders using jquery" by Tierre (https://dragonage.fandom.com/wiki/MediaWiki:Common.js) */ // Slider if (mediaWiki.config.get('wgAction') === 'view') (function () { 'use strict'; var data_template; function createSlider () { /*jshint validthis:true*/ var scrollPane = $(this), scrollPaneWidth = scrollPane.width(), scrollContent = scrollPane.find('.scroll-content'), scrollContentWidth = 0, data_startPos = defaultValue(scrollContent.data("startpos"), 0); data_template = defaultValue(scrollContent.data("template"), "GameSlider/Content"); scrollContent.find('img').each(function () { var $this = $(this), width = $this.width(); if (width) { scrollContentWidth += width; } else { $this.on('load', function () { scrollContentWidth += $this.width(); }); } var img_link = $this.parent(); var param = img_link.attr("href").substr(1); img_link.attr("href", "javascript:void(0)"); img_link.click(function() { createContent(param); $(".content-active").removeClass("content-active"); $(this).addClass("content-active"); }); }); var scrollbar = scrollPane.find('.scroll-bar').slider({ value: data_startPos, slide: function(event, ui) { if (scrollContentWidth > scrollPaneWidth) { scrollContent.css('margin-left', Math.round( ui.value / 100 * (scrollPaneWidth - scrollContentWidth) ) + 'px'); } else { scrollContent.css('margin-left', 0); } } }); scrollPane.css("overflow", "hidden"); if (scrollContentWidth > scrollPaneWidth) { scrollContent.css('margin-left', Math.round( data_startPos / 100 * (scrollPaneWidth - scrollContentWidth) ) + 'px'); } else { scrollContent.css('margin-left', 0); } scrollbar.find('.ui-slider-handle').css({ width: '60px', marginLeft: '-30px' }); } function createContent (game) { var gameSlider = $('.game-slider'), gameContent = $('.game-content'), gameContentMain = $('.game-content-main'), gameContentLoader = $('.loader'); if (gameContent.length) { gameContent.animate({ opacity: 0, }, 150); } else { gameSlider.after(''); gameContentMain = $('.game-content-main'); gameContent = $('.game-content'); gameContentLoader = $('.loader'); var targetHeight = gameContent.outerHeight(); gameContentMain.animate({ height: targetHeight }, 100); } if (gameContentLoader.length) { gameContentLoader.animate({ opacity: 1, }, 250); } var api = new mw.Api(); api.get({ action: 'parse', format: 'json', text: '[[:Template:' + data template + ']]' }).done(function(data) { if(!data.error) { var code = data.parse.text['*']; if (gameContentLoader.length) { gameContentLoader.animate({ opacity: 0, }, 100); } gameContent.html(code); createContentSlider(); gameContent.animate({ opacity: 1, }, 150); } }); } $(function () { var gameSlider = $('.game-slider'); if (!gameSlider.length) return; $('head').append(''); importArticle({ type: "style", article: "u:dev:MediaWiki:GameSlider.css" }); gameSlider .wrap('') .addClass('scroll-content') .before(''); mediaWiki.loader.using('jquery.ui.slider', function () { $('.scroll-pane').each(createSlider); }); }); }()); function createContentSlider() { mw.loader.using(['jquery.cookie']); mw.loader.using(['jquery.ui.tabs'], function() { $("[class^=portal_vtab]").tabs().addClass("ui-tabs-vertical ui-helper-clearfix"); var $tabs = $("#portal_slider").tabs({ fx: {opacity:'toggle', duration:100}}); $("[class*=portal_sliderlink-]").click(function() { $tabs.tabs('select', this.className.match(/portal_sliderlink-(\d+)/)[1]); return false; }); $(".game-content .ui-corner-all").removeClass("ui-corner-all"); $(".game-content .ui-corner-left").removeClass("ui-corner-left"); $(".game-content .ui-corner-right").removeClass("ui-corner-right"); $(".game-content .ui-corner-top").removeClass("ui-corner-top"); $(".game-content .ui-corner-bottom").removeClass("ui-corner-bottom"); $(".game-content .ui-widget-content").removeClass("ui-widget-content"); }); } function defaultValue(variable, defaultVal) { if(variable !== undefined && variable !== null) return variable; return defaultVal; }
dev:DiscordIntegrator/code.js dev:ArticleCommentsHeader.js dev:WikiaNotification/code.js dev:AddRailModule/code.js dev:MassEdit/code.js dev:EditConflictAlert/code.js dev:ProfileTags.js dev:TZclock.js dev:Countdown/code.js dev:InactiveUsers/code.js dev:CommentGuidelines/code.js dev:Status/code.js dev:SandboxTab/code.js dev:MediaWiki:FastBlock.js dev:UserRightsRecord/code.js dev.WikiActivity.js dev:MediaWiki:!bang/code.js dev:InputUsername/code.js dev:YoutubePlayer/code.js dev:YouTubeModal.js dev:UserInfo.js dev:OggPlayer.js dev:UserActivityTab/code.js dev:DiscussionTemplates.js dev:SeeMoreActivityButton/code.js dev:StrawpollIntegrator.js dev:MassRename/code.js dev:MassCategorization/code.js dev:YoutubePlayer/code.js dev:User_Avatar_Finder/code.js dev:CustomToolbarLinks/code.js dev:Discord.js dev:Medals/code.js dev:GameSlider/code.js
Gradient Texts
User List
Recent blog posts
Explore
Recent Changes
Random page
Community
Videos
Images
Discuss
FandomShop
DC Trivia
GalaxyQuest
