.chatHeader .chatTitle { position: relative; overflow: hidden; -webkit-animation: chat 15s infinite; animation: chat 15s infinite; } @keyframes chat { 0% { left: 0; } 100% { left: 100%; } } /* ChaTemplate */ @-webkit-keyframes chat { 0% { left: 0; } 100% { left: 100%; } }
.chatHeader .chatTitle {
font-size: 26px;
margin-top: 7px;
}
 .chatTabs > ul > li.chatTab > a { border-radius: 10px 10px 10px 10px; background-color: #E9E4F0; } chatMainMenuChat{ border-radius: 10px 10px 10px 10px; background-color: #E9E4F0; } #chatMainMenuChatovod { border-radius: 10px 10px 10px 10px; background-color: #E9E4F0; } #join-chat-button { border-radius: 20px 20px 20px 20px; background-color: #eaeaea; } chatSendButton {border-radius: 10px 10px 10px 10px;} .chatSendText.chatInputText { border-radius: 10px; height: 25px; background-color: #E9E4F0; opacity: 0.8; color: #283c86; padding-left: 20px; } #chatMainMenuProfile { border-radius: 10px 10px 10px 10px; background-color: #E9E4F0; } .chatSendExitPanel select { height: 21px; background: transparent; color: #E9E4F0; border-radius: 10px 10px 10px 10px; color: #283c86 } #chatMainMenuChat{ border-radius: 10px 10px 10px 10px; background-color: #E9E4F0; } #chatMainMenuChatovod { border-radius: 10px 10px 10px 10px; background-color: #E9E4F0; }
кнопка "Войти" у тебя будет круглая
#join-chat-button,
#join-chat-button2 {
transition: transform 1s;
}
#join-chat-button:hover,
#join-chat-button2:hover {
transform: rotate(360deg);
}
.chatHeader .chatTopLine {
border-radius: 6px;
border-radius: 6px;
}
.chatTopLineWrapper > ul > li:first-child > a {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.chatTopLineWrapper > ul > li:last-child > a {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
body:not(.has-nick) .chatTopLineWrapper > ul > li:nth-child(2) > a {
border-top-left-radius: 6px;
border-top-left-radius: 6px;
}
.chatHeader .chatTopLine {
left: 12px;
right: auto;
}
.chatMain .chatPeople {
left: 0 !important;
}
.chatMain .chatMessages, .chatMain .chatPrivateMessages {
right: 0 !important;
left: 170px !important;
}
.chatTabs {
left: 171px !important;
right: 0 !important;
}
#join-chat-button,
#join-chat-button2 {
transition: transform 1s;
}
#join-chat-button:hover,
#join-chat-button2:hover {
transform: rotate(360deg);
}
.chatMessage { background-color: ;
margin-top: 5px;
border: 1px dotted black;
}
.chatTabs > ul > li.chatTab > a.active {
  -webkit-animation: blink 1s infinite;
  animation: blink 1s infinite;
}
@keyframes blink {
  0% {opacity: 0}
  49%{opacity: 0}
  50% {opacity: 1}
}
.chatMessage.chatMessageToMe:nth-last-child(7) {margin-left: 10px;}
.chatMessage.chatMessageToMe:nth-last-child(6) {margin-left: 15px;}
.chatMessage.chatMessageToMe:nth-last-child(5) {margin-left: 20px;}
.chatMessage.chatMessageToMe:nth-last-child(4) {margin-left: 25px;}
.chatMessage.chatMessageToMe:nth-last-child(3) {margin-left: 30px;}
.chatMessage.chatMessageToMe:nth-last-child(2) {margin-left: 35px;}
.chatMessage.chatMessageToMe:last-child        {margin-left: 40px;}
/* Летящий орел ChaTemplate (с) 2018 */
.chatMain::before {
	position: absolute;
	top: 30%; /* делаем выше - ниже */
	width: 60px;
	height: 50px;
	content: '';
	background: url(http://www.webdesign-klamonfra.de/bilder/adler.gif) 0 0 no-repeat;
	background-size: 60px;
	animation: adler 30s infinite linear;
}
@keyframes adler {
	from{transform: scale(.3) translate3d(-1500px,0,0)}
	to{transform: scale(.9) translate3d(2000px,0,100px)}
}
.chatMessage[data-nick="ღ‡£Ł£ℵᵰ‡ღ"] {
	color: varicolored;
}
-webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;
.chatSendButton { border-radius: 10px 10px 10px 10px; }
.chatSendButton { border-radius: 15px 15px 15px 15px; }
.chatPeople ul.chatPeopleList li { background-image: url("https://img-fotki.yandex.ru/get/6202/52732579.af/0_976e9_6c97.. "); background-position: center center; background-repeat: no-repeat; background-size: 105% 112%; border-image-width: 1px; border-image-source: url(http://imgs.su/users/70140/1488818792.gif); border-image-slice: 30; border-image-repeat: stretch; padding: 10px 10px 10px 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), -23px 0 20px -23px rgba(0, 0, 0, 0.8), 23px 0 20px -23px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.1) inset; }