KA Chat Dark Theme Version 1.57

/* Version 1.57 */
.ChatWindow {
background: #000 !important;
}

.ChatWindow a {
color: yellow !important;
}

.ChatHeader .private {
color: white;
}

.ChatWindow [data-user="TibetPrime"] .username {
text-shadow: 0 0 8px lightgreen;
}

.ChatWindow [data-user=TibetPrime] .message {
color: #4db7ff;
}

.ChatWindow [data-user=Vanilladazzle] .username {
color: lightblue;
}

.ChatWindow [data-user=Vanilladazzle] .username::after {
color: #4C4CA6;
}

.ChatWindow [data-user=Vanilladazzle] .message {
color: lemonchiffon;
}

.ChatWindow [data-user=HMcCoy] .username {
text-shadow: 0 0 10px #666;
}

.ChatWindow [data-user=HMcCoy] .message {
color: lemonchiffon;
}

.ChatWindow [data-user="Anthony Jacquez"] .username {
color: red;
text-shadow: -1px 1px 0 orange, -2px 2px 0 yellow, -3px 3px 0 green, -4px 4px 0 blue, -5px 5px 0 indigo, -6px 6px 0 violet;
}

.ChatWindow [data-user="Tariq Jabbar"] .username {
color: black;
text-shadow: 0 0 5px black;
}

.ChatWindow [data-user="The Eternal Swarm"] .username {
text-indent: -9999px;

}

.ChatWindow [data-user="The Eternal Swarm"] .username::after {
content: "The MLG Pro";
margin-left: 9864px;
}

.ChatWindow [data-user=Poohbear71102] .username {
color: red;
text-shadow: 0 0 8px blue;
}

.ChatWindow [data-user=Poohbear71102] .message {
color: yellow;
 }

 .ChatWindow [data-user=Vladimirr2002] .username {
color: gold;
text-shadow: 0 0 5px goldenrod;
}

.ChatWindow .WikiaPage {
background: #222 !important;
border: none !important;
color: white !important;
}

.ChatWindow .Write {
border: none !important;
}

.ChatWindow .Write img {
border: none !important;
}

.ChatWindow .Write .message {
background-color: #444 !important;
border: none !important;
height: 2.54em;

}

.ChatWindow .Write textarea {
color: white !important;

}

.ChatWindow .User img {
border: none !important;
}

.ChatWindow .Rail .public {
box-shadow: inset 0 0 7px 0 #333;
background: #444;
}

.ChatWindow .Rail .private {

background-image: none;
border: none;
}

.ChatWindow .Rail .selected {
background: #444;
}

.ChatWindow .Rail .User:hover {
background: #444;
}

.ChatWindow .UserStatsMenu {
box-shadow: 0 0 12px 0 #222 !important;
border: 3px solid #333 !important;
background: #444 !important;
}

.ChatWindow .UserStatsMenu .info {
background: #555 !important;
}

.ChatWindow .ChatHeader {
color: #33cc33;

border: none;
}

.ChatWindow .ChatHeader .User {
border-left: 1px solid #fff !important;
}

.ChatWindow .ChatHeader .User .username {
color: white;
}

.ChatWindow .wordmark {
margin-top: 7px;
}

.ChatWindow .wordmark img {
-webkit-filter: invert(100%);
filter: invert(100%);
}

.ChatWindow .Chat {
border: none !important;
}

.ChatWindow .Chat .inline-alert {
color: lightgreen !important;
}

@keyframes animation {
0% {text-shadow: 0 0 20px #fefcc9,

10px -0.1rem 30px #feec85,

-20px -0.2rem 40px #ffae34,

20px -0.4rem 50px #ec760c,

-20px -0.6rem 60px #cd4606,

0 -0.8rem 70px #973716,

10px -0.9rem 80px #451b0e;}

100% {text-shadow: 0 0 20px #fefcc9,

10px -0.1rem 30px #fefcc9,

-20px -0.2rem 40px #feec85,

22px -0.42rem 60px #ffae34,

-22px -0.58rem 50px #ec760c,

0 -0.82rem 80px #cd4606,

10px -0.9rem 80px  #973716;}
}

.ChatWindow .Chat .avatar {
border: 2px solid #e0e0e0;
border-radius: 100px;
-webkit-transition: -webkit-transform 1.1s cubic-bezier(.53,3,.42,.36);
transition: transform 1.3s cubic-bezier(.53,3,.42,.36);
}

.ChatWindow .Chat .avatar:hover {
-webkit-transform: rotate(70deg);
-ms-transform: rotate(70deg);
transform: rotate(70deg);
-webkit-transition: -webkit-transform 1.2s cubic-bezier(.17,0,0,1);
transition: transform 1.4s cubic-bezier(.17,0,0,1);
}

.ChatWindow .Chat .you {
background: #444 !important;
}

.ChatWindow .Chat li[data-user="Kingcodefish"] {
   background: #80aaff !important;
   color: #fff;
}

.ChatWindow [data-user="Kingcodefish"] .username {
  font-family: "Orbitron",sans-serif;
  animation: animation 1s ease-in-out infinite alternate;
  color: darkred;
}

@font-face {
font-family: 'Orbitron'; font-style: normal; font-weight: 400; src: local('Orbitron-Light'), local('Orbitron-Regular'), url(https://fonts.gstatic.com/s/orbitron/v7/HmnHiRzvcnQr8CjBje6GQnYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.ChatWindow [data-user="EytukanStudios"] .username {
content: "Eytukan \b"; color: dodgerblue; font-family: "Orbitron", sans-serif; text-shadow: 1px 1px 0 green, 2px 2px 0 blue; font-weight: bold;
}

@font-face {
font-family: 'Iceland'; font-style: normal; font-weight: 400; src: local('Iceland'), local('Iceland-Regular'), url(https://fonts.gstatic.com/s/iceland/v5/3MJCdMdmaSZmdrTD7pNyygLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@import url('http://fonts.googleapis.com/css?family=Open+Sans');
.ChatWindow [data-user="EytukanStudios"] .message{
font-family: "Open Sans"; text-size: 30px; animation-name: Eytoucan; animation-duration: 3s; animation-iteration-count: infinite;
}

@keyframes Eytoucan{
0%{text-shadow: 0 0 5px dodgerblue, 0 0 7px dodgerblue;} 50%{text-shadow: 0 0 5px #444, 0 0 7px #444;} 100%{text-shadow: 0 0 5px dodgerblue, 0 0 7px dodgerblue;}
}

@font-face {
 font-family: 'Poiret One';
 font-style: normal;
 font-weight: 400;
 src: local('Poiret One'), local('PoiretOne-Regular'), url(https://fonts.gstatic.com/s/poiretone/v4/HrI4ZJpJ3Fh0wa5ofYMK8QzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@keyframes blazeprogramming {
                0%{text-shadow: 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255);}
                50%{text-shadow: 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255);}
                100%{text-shadow: 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255);}
            }
@-webkit-keyframes blazeprogramming{
                0%{text-shadow: 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255);}
                50%{text-shadow: 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255);}
                100%{text-shadow: 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255);}
}

@-o-keyframes blazeprogramming{
                0%{text-shadow: 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255);}
                50%{text-shadow: 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255);}
                100%{text-shadow: 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255), 0px 0px 15px rgb(3, 167, 255);}
}

.ChatWindow [data-user=BlazeProgramming] .username {
font-family: "Poiret One";
text-shadow: 0px 0px 15px rgb(255, 255, 255), 0px 0px 15px rgb(255, 255, 255);
animation-name: blazeprogramming;
animation-duration: 2s;
animation-iteration-count: infinite;
letter-spacing: 2px;
color: white;
}

.ChatWindow [data-user="MicahAminot27"] .message{
color: green;

font-size: 100;

font-family: Chiller;
}

.ChatWindow [data-user="MicahAminot27"] .username{
color: green;

font-size: 100;

font-family: Chiller;
}

.ChatWindow .time::before {
content: "This message was posted on " !important;
}

.ChatWindow .Chat .me-message {
color: lightgreen;
}

.ChatWindow .Chat .time {
color: lemonchiffon;
}