Thread:FranceSwitzerland/@comment-26210036-20160502140501/@comment-26526782-20160505073651

/*Custom gradients go here*/ .rainbow-text { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-gradient(linear, left top,  left bottom,         color-stop(0.00, red),         color-stop(16%, orange),        color-stop(32%, yellow),        color-stop(48%, green),        color-stop(60%, blue),        color-stop(76%, indigo),        color-stop(1.00, violet)); } .ChatWindow [data-user="Plutosoccer"] .message{ font-family: cursive; Color: purple; font-size:12pt; font: italic; border-radius: 3px; text-shadow:0 0 7px black; } .ChatWindow [data-user="FranceSwitzerland"] .message{ font-family: cursive; Color: Green; font-size:12pt; font: italic; border-radius: 3px; text-shadow:0 0 7px lime; } .ChatWindow [data-user="SpainSoccer"] .message{ font-family: cursive; Color: Orange; font-size:12pt; font: italic; border-radius: 3px; text-shadow:0 0 7px Yellow; } .ChatWindow [data-user="JingRingFluffBall"] .message{ font-family: cursive; Color: Red; font-size:12pt; font: italic; border-radius: 3px; text-shadow:0 0 7px Orange; /* Chat windows */ .ChatWindow .Chat [data-user="Plutosoccer"] .username:before{ content: "Nightmare "; font-family: cursive; color: purple; font-size:12pt; font: italic; border-radius: 3px; text-shadow:0 0 7px black !important; animation: BlackGlowing 2s linear 0s infinite !important; } .ChatWindow .Chat [data-user="FranceSwitzerland"] .username:after{ content: "The Legend"; font-family: cursive; color: green; font-size:12pt; font: italic; border-radius: 3px; text-shadow:0 0 7px lime !important; animation: BlackGlowing 2s linear 0s infinite !important; } .ChatWindow .Chat [data-user="JingRingFluffBall"] .username:after{ content: "The Fluffs"; font-family: cursive; color: red; font-size:12pt; font: italic; border-radius: 3px; text-shadow:0 0 7px orange !important; animation: BlackGlowing 2s linear 0s infinite !important; }

Here's my work so far