.chatMain{ background-image: url("https://s8.hostingkartinok.com/uploads/images/2018/02/23ba1830fd118156ed4c9ee5421d829a.jpg"); background-position: left top; 
background-repeat:no-repeat; background-size: 100% 100%;}.chatFooter {background: 
url(https://s8.hostingkartinok.com/uploads/images/2018/02/15a8c2d45177053a0865d74e31f01176.jpg) no-repeat center top fixed; -moz-background-size: 400% 400%; 
auto; -webkit-background-size: 400% 400%; auto; -o-background-size:400% 400%; auto; background-size:400% 400%; auto;} .chatHeader { background-image: 
url(https://s8.hostingkartinok.com/uploads/images/2017/09/fdb40359624f067c0b757f724af01e29.jpg); background-position: bottom; 
background-repeat:no-moz-background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% 
auto;}#join-chat-button { color: #000000;font-family: Monotype Corsiva; padding: 10px; font-size: 15px; border-radius: 5px; box-shadow: 0px 1px 3px; position: 
relative; box-sizing: border-box; transition: all 500ms ease-out; } #join-chat-button:hover { box-shadow: 0px 0px 0px 2px #ee105a, 0px 0px 0px 7px #a7f9c9, 0px 
0px 0px 9px #f90914, 0px 0px 5px 10px #ff4d00; }#join-chat-button2 { color: #000000;font-family: Monotype Corsiva; padding: 10px; font-size: 15px; border-radius: 
5px; box-shadow: 0px 1px 3px; position: relative; box-sizing: border-box; transition: all 500ms ease-out; } #join-chat-button2:hover { box-shadow: 0px 0px 0px 
2px #ee105a, 0px 0px 0px 7px #a7f9c9, 0px 0px 0px 9px #f90914, 0px 0px 5px 10px #ff4d00; }.chat { text-shadow: 0px 0px 0 #000; background-color: transparent; 
background-image: url("адрес картинки ");/*Картинку анимации можно свою ставить */ background-position: right 0 bottom 0; background-repeat: no-repeat; 
background-size: 150% auto; border: 5px solid #fff; border-radius: 50px 50px 50px 50px;/*настройка скругления*/ box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; 
}.chatMain { border-radius: 25px; font-family: Arial Black; box-shadow: 0 0 1px #777, 0 0 2px #777, 0 0 3px #777, 0 0 4px #777, 0 0 5px #777, 0 0 6px #777, 0 0 
7px #777, 0 0 20px #777 inset; }.chatPeople .chatPeopleTitle { color: #ff0000; font-size: 12pt; text-shadow: 1%; margin: 14px 0 4px 8px; font-family: Monotype 
Corsiva; }.chatFull .transparent{ background: url(https://im0-tub-ru.yandex.net/i?id=67f928e56807f6317884291062491c3e&n=33&h=215&w=344) no-repeat center top 
fixed; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto;}.chatFooter 
.chatFooterWrapper .chatPanel div.chatSoundPanel { text-shadow: 0px 1px 0 #000; background-color: transparent; background-image: 
url("https://s8.hostingkartinok.com/uploads/images/2018/02/7d87414271503bfd47cf795b1eca32fc.png "); background-position: right 0 bottom 0; background-repeat: 
no-repeat; background-size: 150% auto; border: 2px solid #fff; border-radius: 8px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }.chatFooter 
.chatFooterWrapper .chatPanel .chatSendTextPanel .chatSendText { text-shadow: 0px 1px 0 #000; background-color: transparent; background-image: url(" "); 
background-position: right 0 bottom 0; background-repeat: no-repeat; background-size: 150% auto; border: 2px solid #fff; border-radius: 8px; box-shadow:1px 1px 
6px #000,-1px -1px 1px #fff; }#chatUserMiniMenu { text-shadow: 0px 1px 0 #000; background-color: transparent; background-image: 
url("https://s8.hostingkartinok.com/uploads/images/2018/02/7d87414271503bfd47cf795b1eca32fc.png "); background-position: right 0 bottom 0; background-repeat: 
no-repeat; background-size: 150% auto; border: 2px solid #fff; border-radius: 8px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }.chatPeople ul.chatPeopleList 
li { text-shadow: 0px 1px 0 #000; background-color: transparent; background-image: 
url("https://s8.hostingkartinok.com/uploads/images/2018/02/7d87414271503bfd47cf795b1eca32fc.png"); background-position: right 0 bottom 0; background-repeat: 
no-repeat; background-size: 150% auto; border: 2px solid #fff; border-radius: 8px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }.chatTabs ul { text-shadow: 
0px 1px 0 #000; background-color: transparent; background-image: 
url("https://s8.hostingkartinok.com/uploads/images/2017/09/cd3e0ce0589e67e954a2744b4800433c.gif"); background-position: right 0 bottom 0; background-repeat: 
no-repeat; background-size: 100% auto; border: 2px solid #fff; border-radius: 5px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }.chatTopLineWrapper ul li{ 
text-shadow: 0px 1px 0 #000; background-color: transparent; background-image: url("https://www.askwallpapers.com/pic/201502/1920x1200/askwallpapers.com-27531.jpg 
"); background-position: right 0 bottom 0; background-repeat: no-repeat; background-size: 100% auto; border: 2px solid #fff; border-radius: 5px; box-shadow:1px 
1px 6px #000,-1px -1px 1px #fff; }.chatMessageToMe .chatToUser { padding: 0px 10px 0px 10px; background: Violet; position: relative; /* Chrome, Safari, Opera */ 
-webkit-animation-name: myfirst; -webkit-animation-duration: 5s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 4s; 
-webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; /* Standard syntax */ animation-name: 
myfirst; animation-duration: 5s; animation-timing-function: linear; animation-delay: 4s; animation-iteration-count: infinite; animation-direction: alternate; 
animation-play-state: running; border-radius:3px; }@-webkit-keyframes myfirst { 0% {background:GreenYellow ;} 25% {background:MediumBlue;} 50% 
{background:DarkBlue ;} 75% {background:DarkTurquoise ;} 100% {background:OrangeRed;} }@keyframes myfirst { 0% {background:GreenYellow ;} 25% 
{background:MediumBlue;} 50% {background:DarkBlue;} 75% {background: DarkTurquoise;} 100% {background:OrangeRed;} }.chatTopLineWrapper > ul > li > a:hover { 
background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/09/c844eeb7916c07198ee19cf75f44f2bd.gif"); background-position: center center; 
background-repeat: no-repeat; background-size: 100% 100%; color: #fff; border-image-width: 7px; border-image-source: 
url(https://s8.hostingkartinok.com/uploads/images/2017/09/c844eeb7916c07198ee19cf75f44f2bd.gif); border-image-slice: 25; border-image-repeat: stretch; 
border-image-radius: 15px; box-shadow: 0 0 4px #f16522, 0 0 6px #f16522, 0 0 8px #fff, 0 0 10px #fff, 0 0 12px #fff; }.chatMain .chatPeople {font-style: normal; 
font-size: 15pt;font-family: Monotype Corsiva; color: #000000;}.mst {font-family: Monotype Corsiva; font-style: normal;color: #0000ff; font-size: 16pt; }/* 
Кнопка отправки сообщения */ .chatSendButton { background-color: #777171; /* Цвет фона */ border-radius: 25px; /* Закругление */ border: 2px solid rgba(255, 255, 
255, 0.4); /* Граница (кайма) */ } /* Кнопка отправки сообщения при наведении */ .chatSendButton:hover { background-color: #81c784; /* Цвет фона */ transition: 
.3s; /* Плавность смени цвета фона */ } /* Кнопка отправки сообщения при нажатии */ .chatSendButton:active { background-color: #43a047; /* Цвет фона */ }/* 
Кнопка отправки сообщения */ .chatSendExitPanel select { background-color: #777171; /* Цвет фона */ border-radius: 25px; /* Закругление */ border: 2px solid 
rgba(255, 255, 255, 0.4); /* Граница (кайма) */ } /* Кнопка отправки сообщения при наведении */ .chatSendExitPanel select:hover { background-color: #81c784; /* 
Цвет фона */ transition: .3s; /* Плавность смени цвета фона */ } /* Кнопка отправки сообщения при нажатии */ .chatSendExitPanel select:active { background-color: 
#43a047; /* Цвет фона */ }/* Название чата по середине */ .chatHeaderWrapper .chatTitle { text-align: center;font-family: Monotype Corsiva; font-style: normal; 
font-size: 25pt; width: 100%; }.chatPeople.vscrollable { background-image:url(http://liubavyshka.ru/_ph/115/2/752411175.gif); background-position: bottom; 
background-repeat:no-repeat; }