/* Start http://www.cursors-4u.com */ * {cursor: url(http://cur.cursors-4u.net/holidays/hol-5/hol444.ani), url(http://cur.cursors-4u.net/holidays/hol-5/hol444.gif), auto !important;} /* End http://www.cursors-4u.com */

.chatPeople.vscrollable {
 background-image:url(http://www.gifki.org/data/media/1240/hamtaro-animatsionnaya-kartinka-0097.gif);
   background-position: bottom ; 
   background-repeat:no-repeat;

}

#chatChannel_main {
    background-image: url(), url(http://img0.liveinternet.ru/images/attach/c/2/71/752/71752893_570944ofdpzfj85s.gif);
    background-position: left, right;
    background-repeat: repeat-y;
}

.chatHeader {
/* шапыч ресторанчега" */
   background-image: url(https://ru.bloggif.com/tmp/bb603b15b7e9bb11f4a77b878f9c8f4f/text.gif?1554635623), url(http://soitsme.eu/wp-images/slider-bg1.jpg);
   background-position: center, 0px;
   background-repeat:no-repeat;
   background-color: # 0000CC; 
   font-size: 0pt;
   border-radius: 25px; 
}
.chatTopLine {
    border-radius:10px;
}

.chatSendButton {
    border-radius:10px;
}
.chatMessage {
       font-family: cursive;
}

.mod-icon {
    background-image: url("https://www.iconsearch.ru/uploads/icons/basicset/16x16/shield_16.png");
}
.adm-icon {
    background-image: url("https://www.iconsearch.ru/uploads/icons/ledicons/16x16/crown_silver.png");
}
.chatMessage > span { 
/* Выделенное сообщение пользователя (не VIP) */
    background-color: #d7d7d7;
    font-size: 16pt;
    border-radius: 10px;
}


}
/* Кнопка отправки сообщения при нажатии */
.chatSendButton:active {
    background-color: #5e5ca7; /* Цвет фона */
}
.chatTitle {
display: none;
}

.chatSendButton {
background-color:#e4f9ff;

}

.chatSendButton {
background-color:#ec2a5e;

}

/*кнопка входа в чат*/

#join-chat-button, #join-chat-button2 {
    background: transparent url("https://b.radikal.ru/b16/1904/71/d13e5d3f2b6a.jpg") no-repeat scroll 0 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 100%;
padding: 10px 10px 10px 10px;
font-color: transparent;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #ec2a5e, 0px 10px 5px #999;

}
#join-chat-button, #join-chat-button2 > a.active {

box-shadow: inset 0px 1px 0px #ec2a5e, 0px 2px 0px 0px #ec2a5e, 0px 5px 3px #999;
}
.transparent { background-image: url(https://mirgif.com/fony/fon-159.gif) } .content { background-image: url(https://avatar.neznaka.ru/avatar/3235.gif); background-position:bottom center; background-repeat:no-repeat; }
.chatPeople.vscrollable{ 
  background: url();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; /* Путь к файлу с исходным рисунком */ 
  display: block; /* Рисунок как блочный элемент */ 
  width: 100% auto;  /* Ширина рисунка */ 
  height: 100% auto;  /* Высота рисунка */ 

  } 
  .chatPeople.vscrollable:hover{ 
  background: url(http://www.playcast.ru/uploads/2018/11/09/26101914.gif);background-size: 100% auto; /* Путь к файлу с заменяемым рисунком */ 
  }
.chatMain .chatPeople {
    left: 0 !important;
}
.chatMain .chatMessages, .chatMain .chatPrivateMessages {
    right: 0 !important;
    left: 120px !important;
}
.chatTabs {
    left: 150px !important;
    right: 0 !important;
}
.chatPeople {
background-image: url(" ");
background-position: center center;border-radius: 20px 20px 20px 20px;
background-repeat: no-repeat;
background-size: 150% 108%;
border-image-width: 9px;
border-image-source: url(адрес картинки);
border-image-slice: 30;
border-image-repeat: stretch;
box-shadow:  -7px 7px 7px -7px #333;
}
.chatMain .chatPeople{
width:150px;
height:40px;
background-color: transparent;
transition:height 0.9s;
transition-timing-function:linear;
-moz-transition:height 0.9s;
-moz-transition-timing-function:linear;
-webkit-transition:height 0.9s;
-webkit-transition-timing-function:linear;
-o-transition:height 0.9s;
-o-transition-timing-function:linear;
}.chatMain .chatPeople:hover
{
height:70%;
}.chatTopLineWrapper ul li ul {
    display: block;
    left: -150px;
    top: 40px;
    visibility: visible;
    width: 197px;
margin: 15px 0 0 0;
}.chatMain .chatMessages, .chatMain .chatPrivateMessages {
    width:90%;
}
}#join-chat-button {
  display: inline-block;
  color: black;font-family: Monotype Corsiva;
  font-size: 100%;
  font-weight: 500;
  text-decoration: none;
  user-select: none;
  padding: .25em .5em;
  outline: none;
  border: 1px solid rgb(250,172,17);
  border-radius: 7px;
  background: rgb(255,212,3) linear-gradient(rgb(255,212,3), rgb(248,157,23));
  box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
  transition: box-shadow .2s, border-color .2s;
}
.chatHeader:before {
   content: "";font-family: Monotype Corsiva;
font-size: 20px; 
color: #00aeef;
font-weight: bold;
display: inline-block;
margin: 0 0 1em;
    white-space: pre-wrap;
display: block;
background: transparent url("https://d.radikal.ru/d32/1904/24/f67e72f481b1.png") no-repeat scroll 0 0;
background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
    box-shadow: 0 0 0 3px #60B88D, 0 0 0 2px #ff0000, 0 0 0 4px #BFE3D1; 
   width: 150px;
    height: 110px;
    line-height: 18px;
    opacity: 0;
padding: 10px 10px;
     position: absolute;
    right: 240px;
    top: -500px;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
  }.chatHeader:hover:before {
display: block;
background: linear-gradient;
  width: 197px;
    height: 220px;
    border-radius: 30px 10px 5px 0;
   box-shadow: 0 0 0 4px #ee1d24, 0 0 0 4px #ee1d24, 0 0 0 4px #ee1d24;    
right: 255px;
top: 200%;
    opacity: 2;
    
  }
.smilesBox { position: absolute; left: 0px; top: 0px; width: 97%; height: 250px; overflow: auto; z-index: 98; }

/* Блок для окна смайлов - начало */

.chatPopupMenuDiv1 {
/* Фон и скругление при нажатии на ссылку смайлы */
     background: linear-gradient(168deg, #3060a0, #a3cddd, #afefbf);
     border-radius: 10px;
}

.chatPopupMenuDiv2 {
/* Задняя панель загрузка (окно расположено ЗА окном смайлов, 
   код влияет на ссылку медиа) */
     background: linear-gradient(168deg, #3060a0, #a3cddd, #afefbf);
     height: 100px; 
     margin-left: 10px;
     border-radius: 20px;
}

.chatPopupMenuDiv2 p { 
/* цвет текста для кода выше, при желании можно указать размер */
     color: #000000;
     font-size: ;
}

.smilesBox p { 
/* настройка заголовков: Основные смайлы: и Для VIP-пользователей: 
   размер шрифта и цвет при желании укажи свой */
     font-size: 24pt;
     margin-left: 20pt;
     margin-bottom: 0pt;
     color: #330099;
}

.smilesBox {
/* Основной блок смайлов. Фон не даю, секрет чата! 
   картинку фона подставишь свою, если нужно */
     background-image:url(http://detsad-kislovka.ucoz.ru/oformlenie/raduga/0000123.jpg);
     width: 82%; /* ширина окна со смайлами */
     margin-left: -15pt; /* отступ слева окна со смайлами */
     border-radius: 50px; /* скругление углов, подставь своё значение */
}