.chatHeader {/* Шапка чата */background-image:url(https://i.ibb.co/CQN9ZzV/text-8.gif),url(https://mediacdns.karnaval.com/media/news_media/images/thumbnail_482939.jpg?v=251116034846);background-position: center, 0px;background-repeat:no-repeat;background-color: #;font-size: 0pt;border-radius:0px;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;}


.smilesBox { position: absolute; left: 0px; top: 0px; width: 82%; height: 250px; overflow: auto; z-index: 98; } 

.smilesBox,.hover { background-image:url(https://i.artfile.me/wallpaper/18-06-2019/2880x1800/cvety-rozy-butony-1465946.jpg);

 background-position: center center; background-repeat:no-repeat; background-size: 100% 100%; padding:5px 0px 0px 10px; border: 1px solid #; border-radius:5px 60px 10px 10px; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #c79900, 0 0 5px #0f010f, 0 0 6px #ffe799, 0 0 7px #0f0c01, 0 0 10px #ffe799; } 

 .smilesBox p { font-size: 15pt; margin-left: 20pt; margin-bottom: 0pt; color: #000000; }

.user-2190961 a.chatUser { position: relative; visibility: hidden; } .user-2190961 a.chatUser::after  { visibility: visible; content:''; position: absolute; left:0; width: 390px; /* рекомендуемый размер поля для картинки (макс 200px) */ height: 120%; background: transparent url('https://i.ibb.co/PCZRcM8/z5f15fe9726bf8.gif') 0 0 no-repeat; background-size: 90px; /* задаем размер изображения */ }

.chatMessages .chatMessage:not(.chatSystemMessage) strong:first-child {
    opacity: 0.6;
    color: #;
    background:	#;
    margin-left: -15px;
    width: 102%;
    display: block;
    padding: 6px 2px;
    font-weight: 400;
    text-align: center;
}

.chatMessage  {
    margin: 0;
    font: bold 18px/1 "Comic Sans MS, monospace;
    color: #fff;
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
    -webkit-transition: .2s all linear;
}

.chatSendButtonPanel { position: relative; z-index: 1; } .chatSendButtonPanel::after { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateY(150%) translatex(-50%); -ms-transform: translateY(150%) translatex(-50%); transform: translateY(150%) translatex(-50%); width: 100px; height: 120px; background-image: url("https://m.gifmania.com.tr/Hareketli-Gifler-Mesajlari/Gif-Resimleri-Ayyy/Ayyy-77698.gif"); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .chatSendButtonPanel:hover::after { -webkit-transform: translateY(-150%) translatex(-50%); -ms-transform: translateY(-150%) translatex(-50%); transform: translateY(-150%) translatex(-50%); }

/*Страница входа*/

.chatFull .transparent {
background-image: url("https://1187604958.rsc.cdn77.org/data/images/full/124045/harbin-ice-and-snow-festival-1-jpg.jpg");
background-position: right bottom;
background-repeat: repeat-x;
background-size: 100% 100%;
color: #fff;
font-weight: bold;
}

/*окошко ввода ника на странице входа*/
.chatSpecifyPassword input[type="text"] {
background-color: #fff;
    border: 1px solid #;
    box-sizing: border-box;
border-radius: 5px;
    padding: 5px 4px;
    width: 100%;
 box-shadow: 0 0 0 7px eb7589, 0 0 0 14px #fafafa, 0 0 0 21px #fafafa;
}


.chatUserFrom.user2190961::after {
content: "❀︎"; /*   */ 
}


.chatUserFrom.user2825752::before {
content: "❆︎ "; /*  */ 
}

/*Администрация чата на странице входа*/
.chatFull .transparent:after {
content:" Добро пожаловать к нам в чат. Ни одно время года так не волшебно и не таинственно, как зима! Она превращает нашу землю на время в какое-то заколдованное царство. В такую погоду хочется иметь теплый и уютный домик за городом, сесть с книгой у теплого камина и наслаждаться атмосферой, смотря как за окном тихо падает снег. Желаем Вам приятного общения и хорошей атмосферы!!! ";
font-family:arial;
font-size: 18px;
color:#ff0000;
 text-shadow:1px 0px 0px #555;
text-align: center;
position: absolute;
       top:10%; left:20px; bottom:0; right:20px;
z-index: 1;

-webkit-animation: l3_animation 5s linear infinite;
    -moz-animation: l3_animation 5s linear infinite;
}

 @-webkit-keyframes l3_animation {
    0%    {color: rgb(0,0,255); }
    20%   {color: rgb(0,255,255); }
    40%   {color: rgb(255,0,0); }
    60%   {color: rgb(255,255,0); }
    80%   {color: rgb(255,255,255); }
    100%  {color: rgb(0,0,255); }
  }    

  @-moz-keyframes l3_animation {
    0%    {color: rgb(0,0,255); }
    20%   {color: rgb(0,255,255); }
    40%   {color: rgb(255,0,0); }
    60%   {color: rgb(255,255,0); }
    80%   {color: rgb(255,255,255); }
    100%  {color: rgb(0,0,255); }
  }

.user-2829279 a.chatUser {
  position: relative;
  display: none;
  left: -30px;
  visibility: hidden;
}
.user-2829279 a.chatUser::after {
  visibility: visible;
  content:'';
  position: absolute;
  left:0;
  width: 100px; /* рекомендуемый размер поля для картинки (макс 170px) */
  height: 100%;
  background: transparent url('https://i.picasion.com/pic90/608df006ac26720beb88111c7a77e2d5.gif') 0 0 no-repeat;
  background-size: 100px; /* задаем размер изображения */
}



.user-2802701 a.chatUser {
  position: relative;
  visibility: hidden;
}

.user-2802701 a.chatUser::after {
  visibility: visible;
  content:'';
  position: absolute;
  left:0;
  width: 113px; /* рекомендуемый размер поля для картинки (макс 170px) */
  height: 100%;
  background: transparent url('https://s2.gifyu.com/images/crystalia_b_all_r.gif') 0 0 no-repeat;
  background-size: 113px; /* задаем размер изображения */
}

.user-2775962 a.chatUser {
  position: relative;
  visibility: hidden;
}
.user-2775962 a.chatUser::after {
  visibility: visible;
  content:'';
  position: absolute;
  left:0;
  width: 104px; /* рекомендуемый размер поля для картинки (макс 170px) */
  height: 100%;
  background: transparent url('https://i.picasion.com/pic90/61952e73660e6e2404e5d2c54f656fd1.gif') 0 0 no-repeat;
  background-size: 104px; /* задаем размер изображения */
}


.user2770355 {
    background: transparent url("http://etaliveproductions.com/captain/star_mc.gif ") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;
    
}

.user {
    background: transparent url("https://m.gifmania.ru/Animated-Gifs-Love/Animations-Hearts/Images-Golden-Hearts/Golden-Hearts-47723.gif") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;
    
}

.user2775962 {
    background: transparent url("https://xn--c1akah3c.xn--p1acf/uploads/posts/2018-06/1528514216_2540-gifka-zolotaya-zvezda.gif") no-repeat scroll 0px 0px / 20px 20px;
    padding-left: 30px;
    padding-bottom:0px;
    
}


.user292455 {
    background: transparent url("http://s2.rimg.info/9bed55812b3a8c210d20c651dc9fce76.gif") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;
    
}


.user2758428 {
    background: transparent url("https://m.gifmania.com.ua/Animated-Gifs-Animovana-Abetka/Animations-Halloween-Letters/Images-Alphabet-Ghosts/Alphabet-Ghosts-7508.gif") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;
    
}


/* Иконка нет пола */
.chatPeople ul.chatPeopleList li a.chatUserSex0 b {
    background-image: url();
}
/* Иконка мужской пол */
.chatPeople ul.chatPeopleList li a.chatUserSex1 b {
    background-image: url(https://v1.iconsearch.ru/uploads/icons/fatcow/16x16/male.png);
}
/* Иконка женский пол */
.chatPeople ul.chatPeopleList li a.chatUserSex2 b {
    background-image: url(https://v1.iconsearch.ru/uploads/icons/fatcow/16x16/female.png);
}


.user2190961 {
    background: transparent url("http://chatadelic.net/files/hpic/48/67/4795.gif") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;
    
}


.user2553783 {
    background: transparent url("https://avatars.mds.yandex.net/get-pdb/1630946/edd3d417-3a0c-454e-9581-3c360daf9055/orig") no-repeat scroll 0px 0px / 30px 20px;
    padding-left: 40px;
    padding-bottom:0px;
    
}


.user2824201 {
    background: transparent url("https://d.radikal.ru/d18/2004/da/a9685c863595.gif") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;
    
}

.user{
    background: transparent url("http://lepassetempsderose.l.e.pic.centerblog.net/55164293.gif") no-repeat scroll 0px 0px / 20px 20px;
    padding-left: 20px;
    padding-bottom:0px;
}
.user2802701 {
    background: transparent url("https://cdn.discordapp.com/icons/521030397157441536/a_138a36f08ea5e20c838dade6e42004a8.gif") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;
    
}


/*Фон правой колонки*/
.chatPeople {
background-image: url("");
background-position: bottom;
background-repeat: repeat-x;
background-size: 90%
}


.transparent { background-image: url() } .content { background-image: url(https://2.bp.blogspot.com/-1GORQmh6-7I/VOdnv36JzZI/AAAAAAAAMrM/yIUbfvu_UmY/s1600/huskiesd314.gif); background-position:bottom center; background-repeat:no-repeat; }


.chatSendLinksPanel .chatLinkImage {background: url('http://chatadelic.net/files/i/hpic/music.png') 0 0 no-repeat;}/* медиа */


.chatSendLinksPanel .chatLinkProfile {background: url('http://chatadelic.net/files/hpic/75/86/5131.gif') 0 0 no-repeat;}/* профиль */


.chatSendLinksPanel .chatLinkGold {background: url('http://chatadelic.net/files/i/hpic/euro.png')  0 no-repeat;}/* золото */



.chatSendLinksPanel .chatLinkModerate {background: url('http://chatadelic.net/files/hpic/55/57/9123.gif') 0 0 no-repeat;} /* moder */


светлые крутилки

.chatTabs > ul > li > a { padding: 5px 10px 5px 10px; height: 100%; text-decoration: none; border-top: 0px none !important; border-right: 0px none !important; 
vertical-align: middle; display: inline-block; line-height: 24px; border-radius: 20px; font-family: Monotype Corsiva;font-size: 10pt; }
.chatTabs ul { height: 28px; }.chatTabs ul li.appTab { background: transparent url("код картинки") no-repeat scroll 0 0; background-position: center center; 
background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; padding: 3px 3px 3px 3px; font-color: transparent; box-shadow: 0 0 1px #ffffff, 
0 0 2px #fff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #D3D3D3, 0 0 6px #FFDEAD, 0 0 7px #778899, 0 0 10px #0000CD; } .chatTabs ul li.appTab { 
-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } 
.chatTabs ul li.appTab:hover { border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); 
-ms-transform: rotate(360deg); transform: rotate(360deg); }.user2519686::before {content: "CSS- ";color: #333;color: #ff0000;background-color: #;font-size: 75%;padding: 1px;letter-spacing: 0px;}


.chatMessage > span:active {
  top: 1px;
  color:#006699, #, # ;
  text-shadow: 0 -1px rgba(0,0,0,.1), 0 0 1px #ffd, 0 0 1px #;
  box-shadow: 0 -1px 1px rgba(0,0,0,.1), 0 1px 1px #, inset 0 1px 1px rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.01);
}
.chatPeople ul.chatPeopleList li a.chatUser {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.2em;
  font-weight: 0;
  color: rgb(10,10,10);
  text-shadow: 0 -1px rgba(-1,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .0em 0em;
  outline: none;
  border: none;
  border-radius: 5px;
  background: #006699, #00CCFF, #FFFFFF linear-gradient(168deg, #006699, #00CCFF, #FFFFFF);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.1) 0 1px 1px;
  -webkit-animation: pulsate 2.2s linear infinite;
  animation: pulsate 2.2s linear infinite;
}

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

#join-chat-button, #join-chat-button2 {
    background: transparent url("(https://img1.picmix.com/output/stamp/thumb/0/5/6/8/1028650_d94f6.png") 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: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #00FF00, 0 0 5px #F5DA81, 0 0 6px #F5DA81, 0 0 7px #F5DA81, 0 0 10px #F5DA81;
}

 #join-chat-button{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
 #join-chat-button:hover {
  border-radius: 100%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}


 #join-chat-button2{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
 #join-chat-button2:hover {
  border-radius: 100%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}


.chatSendButton {
    -webkit-animation: pulses 3s infinite ease-in-out;
    -o-animation: pulses 3s infinite ease-in-out;
    -ms-animation: pulses 3s infinite ease-in-out; 
    -moz-animation: pulses 3s infinite ease-in-out; 
    animation: pulses 3s infinite ease-in-out;
}




.chatTopLine {
    border-radius:19px;
}




/*СКОЛЬКО ЛЮДЕЙ В ЧАТЕ-04*/
.chatPeople .chatPeopleTitle {
	color: #0000ff;
    font-size: 12pt;
	 text-shadow: 2%  0 0 #ff0000;
 	
}


/*Кнопки меню справа в верху*/


.chatTopLine {
    background-image: url("https://www.sunhome.ru/i/wallpapers/2/vozdushnii-sinii.orig.jpg");
     background-position: center center;
    background-repeat: no-repeat;
    background-size: 105% 105%;
color: #fff;
     border: 0px solid #4993F4;
   
   box-shadow:0px 0px 0px #555;
}

.chatTopLineWrapper > ul > li > a:hover {
    background-image: url("https://www.sunhome.ru/i/wallpapers/2/vozdushnii-sinii.orig.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 105% 105%;
color: #fff;
     border: 0px solid #4993F4;
     box-shadow:0px 0px 0px #555;
}


.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, .chatTabs > ul > li.chatTab > a.active {
    background-image: url("https://files.meb100.ru/products/stoleshnica-iz-keramiki-design-metal-dl-fl-mr-st-2019-08-02-15-52-52.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 0px solid #080501;

  
}



/*текст на кнопках в общей комнате*/
.chatTabs > ul > li.chatTab > a {
     font-weight: bold;
    color: #ff0000;
}

.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, .chatTabs > ul > li.chatTab > a.active {
     font-weight: bold;
    color: #FFF;
}





/*РАЗМЕР НИЖНИХ ССЫЛОК-06*/
 .chatFooter .chatFooterWrapper .chatPanel .chatSendLinksPanel {
    position: absolute;
    left: 13px;
    top: 7px;
    font-weight: normal;
    font-size: 12pt;
    z-index: 99;
color:#ffff00;

}


.chatHeader:hover:before { /*мняв*/ Иконкка в левом углу
width: 200px; 
height: 250px; 
right: 100px; 
top: 250%; 
opacity: 2;
}