/* шапка чата-01 */ .chatHeader { background-image: /*АДРЕС КАРТИНКИ С НАЗВАНИЕМ ЧАТА*/url(https://s8.hostingkartinok.com/uploads/images/2018/02/434c5e1687f646361e58283b3a773c10.png), url(https://s8.hostingkartinok.com/uploads/images/2018/02/245e8c48bf3290cde35571398799d0bd.jpg); background-position: center, 0px; background-repeat:no-repeat; background-color: # 0000CC; font-size: 0pt; border-radius: 0px; /*НИЗ ЧАТА-02*/ }.chatFooter .chatFooterWrapper{
background-image: url("https://s8.hostingkartinok.com/uploads/images/2018/02/245e8c48bf3290cde35571398799d0bd.jpg ");
background-position: center center;
background-repeat: repeat-x;
background-size: 100% 100%;

border-image-width: 3px;
border-image-source: url(http://imgs.su/users/70140/1488815108.gif);
border-image-slice: 30;
border-image-repeat: stretch;
  box-shadow: -2px -2px -2px #B1F4F8, -4px -4px -4px #B1F4F8, -8px -8px -8px #B1F4F8, -16 -16 -16px #2F2BAD, -32 -32 -32px #2F2BAD;
}.chatMain{ background: url() no-repeat 0 100% fixed, url() no-repeat 0 100% fixed, url() no-repeat 0 100% fixed, url(https://s8.hostingkartinok.com/uploads/images/2018/02/6a775d8e42261c0b8f03f329e75d6da1.jpg) repeat-x 0 100% fixed, linear-gradient(to top, #639bf0, transparent) fixed; animation: city 360s linear infinite; border: 0px solid #a0ca2d; } /*СКОЛЬКО ЛЮДЕЙ В ЧАТЕ-04*/ .chatPeople .chatPeopleTitle { color: #0000ff; font-size: 9pt; text-shadow: 1% 0 0 #000000; margin: 14px 0 4px 8px; }.chatPeople .chatPeopleTitle { -webkit-animation: blink 2s linear infinite; animation: blink 2s linear infinite; } @-webkit-keyframes blink { 50% { color: rgb(34, 34, 34); } 51% { color: rgba(34, 34, 34, 0); } 100% { color: rgba(34, 34, 34, 0); } } @keyframes blink { 50% { color: rgb(34, 34, 34); } 51% { color: rgba(34, 34, 34, 0); } 100% { color: rgba(34, 34, 34, 0); } } /*Цвет текста и размер названий вкладок-5*/ .chatTabs > ul > li > a { font-size: 10pt;font-family: Comic Sans MS, monospace; color:#0000ff; text-shadow: 0px 0px 0px #0000ff; }/*МИГАНИЕ ВКЛАДОК-6*/ .chatTabs > ul > li > a{ -webkit-animation: blink5 2s linear infinite; animation: blink5 2s linear infinite; } @-webkit-keyframes blink5 { 0% { color: rgb(128, 0, 0); } 50% { color: rgb(183, 65, 14); } 100% { color: rgb(128, 0, 0); } } @keyframes blink5 { 0% { color: rgb(128, 0, 0); } 50% { color: rgb(183, 65, 14); } 100% { color: rgb(128, 0, 0); } }/*РАЗМЕР НИЖНИХ ССЫЛОК-06*/ .chatFooter .chatFooterWrapper .chatPanel .chatSendLinksPanel { position: absolute; left: 16px; top: 7px; font-weight: normal; font-size: 12pt; z-index: 99; } /*КНОПКА ОНЛАЙН-07*/ .chatSendExitPanel select { display: inline-block; width: 100px; height: 23px; line-height: 20px; font-size: 15px; text-align: center; text-decoration: none; text-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.8); outline: none; border: none; border-radius: 100px; background: rgb(28,107,114) radial-gradient(150% 100% at 50% 5px, rgba(255,255,255,.2), rgba(0,0,0,0)); box-shadow: inset rgba(0,0,0,.6) 0 -2px 5px, inset rgba(252,255,255,.7) 0 2px 5px, rgba(0,0,0,.8) 0 2px 5px -1px; color: rgb(0,79,86); user-select: none; } .chatSendExitPanel select:hover { color: rgb(0,59,66); cursor: pointer; } .chatSendExitPanel select:active { padding-bottom: 1px; box-shadow: inset rgba(0,0,0,1) 0 1px 3px, inset rgba(0,0,0,.6) 0 -2px 5px, inset rgba(252,255,255,.7) 0 2px 5px, 0 1px rgba(255,255,255,.08); color: rgb(128,207,214); } /*КНОПКА-ОТПРАВИТЬ-08*/ .chatSendButton { display: inline-block; width: 100px; height: 25px; line-height: 20px; font-size: 15px; text-align: center; text-decoration: none; text-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.8); outline: none; border: none; border-radius: 100px; background: rgb(28,107,114) radial-gradient(150% 100% at 50% 5px, rgba(255,255,255,.2), rgba(0,0,0,0)); box-shadow: inset rgba(0,0,0,.6) 0 -2px 5px, inset rgba(252,255,255,.7) 0 2px 5px, rgba(0,0,0,.8) 0 2px 5px -1px; color: rgb(0,79,86); user-select: none; } .chatSendButton :hover { color: rgb(0,59,66); cursor: pointer; } .chatSendButton :active { padding-bottom: 1px; box-shadow: inset rgba(0,0,0,1) 0 1px 3px, inset rgba(0,0,0,.6) 0 -2px 5px, inset rgba(252,255,255,.7) 0 2px 5px, 0 1px rgba(255,255,255,.08); color: rgb(128,207,214); } /*КНОПКА ЧАТА В ШАПКЕ-09*/ .chatHeader .chatTopLine { position: fixed; display: inline-block; color: #777674; font-weight: bold; text-decoration: none; text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px; user-select: none; padding: 0,5em 0,5em; outline: none; border-radius: 3px / 100%; background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)), linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)), linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)), linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)), linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)); background-repeat: no-repeat; background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px; background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px; } .chatHeader .chatTopLine:hover { transition: .5s linear; background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } .chatHeader .chatTopLine:active { top: 1px; }/*КНОПКА ВХОД В ЧАТ-10*/ #join-chat-button,#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-button,#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; } /*ФОНОВАЯ КАРТИНКА ПРИ ВХОДЕ В ЧАТ-11*/ .transparent { background-image: url(https://million-wallpapers.ru/wallpapers/4/85/9584574729849011711.png) } .content { background-image: url(https://s8.hostingkartinok.com/uploads/images/2018/02/3ab0ee0b5d690d165e7e4b59fa1ae89b.gif); background-position:bottom center; background-repeat:no-repeat; } /*КНОПКИ ОБЩИЙ И ПРИВАТ-12*/ .chatTabs > ul > li.chatTab > a { color:#0080FF; border-radius:3px/100%; background-color: transparent; background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)), linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)), linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)), linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)), linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)); background-repeat: no-repeat; background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px; background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); transition: .9s linear; box-shadow: -6px 6px 7px -5px #333; } .chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, .chatTabs > ul > li.chatTab > a.active { color:#ff0000; border-radius:3px/100%; background-color:#E6E6E6 ; background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,0,0,.8), rgba(255,255,255,.0) 70%), linear-gradient(to right, rgba(255,255,255,1), rgba(255,0,0,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)), linear-gradient(to right, rgba(125,125,125,1), rgba(30,144,255,.9) 45%, rgba(125,125,125,.5)), linear-gradient(to right, rgba(125,125,125,1), rgba(30,144,255,.9) 45%, rgba(125,125,125,.5)), linear-gradient(to right, rgba(223,190,170,1), rgba(30,144,255,.9) 45%, rgba(223,190,170,.5)), linear-gradient(to right, rgba(223,190,170,1), rgba(30,144,255,.9) 45%, rgba(223,190,170,.5)); background-repeat: no-repeat; background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px; background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); transition: .9s linear; box-shadow: -6px 6px 7px -5px #333; } /*ФОН НИКОВ-13*/ .chatMain .chatUserFrom, .chatPeople ul.chatPeopleList li a.chatUser { color: #031961; background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/11/d078317d6f53fee9e32b657ebcdcb615.jpg"); background-position: right 0 bottom 0; background-repeat: no-repeat; border-radius: 2px; background-size: 100% auto; }.chatMessageToMe .chatToUser { padding: 0px 10px 0px 10px; background-image: transparent; background-color: transparent; color: blue; }/*ПАНЕЛЬ НАСТРОЙКИ ПРОФИЛЯ-14*/ .chatTopLineWrapper ul {background-image: url("https://s8.hostingkartinok.com/uploads/images/2018/02/6a775d8e42261c0b8f03f329e75d6da1.jpg"); Monotype Corsiva;border-radius:25px 25px 25px 25px;color: #00ff00; font-style: normal; font-size: 10pt; }/*ОБВОДКА НИКА РАМОЧКОЙ-15*/ .chatPeople ul.chatPeopleList li .chatUserMenu .chatUserMenuItems ul { background-image: url(https://s8.hostingkartinok.com/uploads/images/2018/01/76e7891a17885a125206ae444aed3cf4.jpg); list-style-type:none; margin:0; padding:0; width:100%; overflow:hidden; border-radius: 30px 15px 30px 15px; box-shadow: 0px 0px 5px 5px #ffe799 inset; }.chatPeople ul.chatPeopleList li { margin:0; padding:3px 0 0 3px; border-top:1px solid transparent; border-bottom:1px solid transparent; *zoom:1; font-family: Monotype Corsiva; font-style: normal; font-size: 12pt; }.chatPopupMenuDiv1, .chatPopupMenuDiv2, .chatPeople ul.chatPeopleList li.hover { background-image: url(https://avatanplus.com/files/resources/original/582af109ed38715867bd8ef4.jpg); background-position: center center; background-repeat:no-repeat; background-size: 100% 100%; font-family: Monotype Corsiva; font-style: normal; font-size: 12pt; padding:5px 0px 0px 10px; border: 1px solid #; border-radius:30px 15px 30px 15px; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #c79900, 0 0 5px #ffe799, 0 0 6px #ffe799, 0 0 7px #ffe799, 0 0 10px #ffe799; }/*РАМКА НА СМАЙЛЫ-16*/ .chatPopupMenuDiv1 { background: linear-gradient(168deg, #3060a0, #a3cddd, #afefbf); border-radius: 0px; }.chatPopupMenuDiv2 { background: linear-gradient(168deg, #3060a0, #a3cddd, #afefbf); height: 100px; margin-left: 10px; border-radius: 0px; }.smilesBox p { font-size: 18pt; margin-left: 20pt; margin-bottom: 0pt; color: #ffffcc; }.smilesBox { background-image:url(http://s01.yapfiles.ru/files/400809/72007p3fk2tzves.gif); width: 65%; margin-left: -15pt; border-radius: 0px; } /* »конка нет пола */ .chatPeople ul.chatPeopleList li a.chatUserSex0 b { background-image: url(https://s8.hostingkartinok.com/uploads/images/2018/01/e019d9ba3b467b51cf4fb00e4aa0449f.gif); } /* »конка мужской пол */ .chatPeople ul.chatPeopleList li a.chatUserSex1 b { background-image: url(https://s8.hostingkartinok.com/uploads/images/2017/03/f3ace65b6421dca1d1170f6801b90d6f.png); } /* »конка женский пол */ .chatPeople ul.chatPeopleList li a.chatUserSex2 b { background-image: url(https://s8.hostingkartinok.com/uploads/images/2017/03/22dbac3927a7f358d373246076b1ca32.png); } /*Иконки с ВИПом*/ .chatUserVip { background: transparent url("https://s8.hostingkartinok.com/uploads/images/2018/02/e9e2eaeb08617b304fd53b733234d6cb.gif") no-repeat scroll 0 0; background-size:100% 100%; background-position: center center; border-image-width: 2px; border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2018/02/e9e2eaeb08617b304fd53b733234d6cb.gif); border-image-slice: 30; border-image-repeat: stretch; } /*СИМВОЛ ГОДА*/ .chatPeople.vscrollable { background-image:url(https://s8.hostingkartinok.com/uploads/images/2017/03/e0a8274d07dfb96a56c572f99f16351f.gif); background-position: bottom; background-repeat:no-repeat; }

/*ОБВОДКА НИКА РАМОЧКОЙ-15*/

.chatPeople ul.chatPeopleList li { 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; }.chatTabs ul { text-shadow: 0px 1px 0 #000; background-color: transparent; background-image: url(""); 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; }