chatPeopleTitle {/* выезжающая кнопочка пользователей чат, , */ position:fixed; /* положение */ top: 40px; /* отступ сверху */ left: 20px; /* отступ слева */ background:DarkRed ; /* цвет фона */ width: 70px; /* ширина блока */ height: 10px; /* высота блока */ font: 10px Arial; /* размер и тип шрифта */ color: #fff; /* цвет текста */ text-align: center; /* выравнивание текста по центру */ padding: 3px; /* отступы от границ внутри блока */ -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/ -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/ -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .chatMain .chatPeople { position:center center; /* положение */ top: 10px; /* отступ сверху */ left: -190px; /* отступ слева */ background: lavender;background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/11/8b34177578a0a299ba26aab1102ddac8.jpg"); border-image-width: 3px; border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/e4e7f011986e373dfe046535f40e68fa.gif); border-image-slice: 35; 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; /* цвет фона */ color: #000; /* цвет текста */ width: 180px;auto; /* ширина блока */ height: auto; /* высота блока */ padding: 10px; /* отступы от границ внутри блока */ text-align: left; /* выравнивание текста */ -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/ -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/ -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .chatMain .chatPeople:hover { left: 220px; /* при наведении выдвигается на скрытые 200px + 20px отступы */ } .chatMain .chatPeople:hover { left: 0; /* отступ слева */ }.chatSendExitPanel select { width: 100px; height: 22px; text-decoration: none; padding-top: 5px; color: #a675b3; text-align: center; line-height: 50px; display: block; margin: 0px auto; font: normal 12px arial; } .chatSendExitPanel select:not(.active) { box-shadow: inset 0 1px 1px rgba(111, 55, 125, 0.8), inset 0 -1px 0px rgba(63, 59, 113, 0.2), 0 9px 16px 0 rgba(0, 0, 0, 0.3), 0 4px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px #150a1e; background-image: linear-gradient(#3b2751, #271739); text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 -1px 0 #311d47; } .chatSendExitPanel select:not(.active):hover, .chatSendExitPanel select:not(.active):focus { transition: color 200ms linear, text-shadow 500ms linear; color: #fff; text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 0 10px rgba(223, 206, 228, 0.4), 0 0 2px #2a153c; } .chatSendExitPanel select:not(:hover) { transition: 0.6s; }.chatSendButton { width: 100px; height: 20px; text-decoration: none; padding-top: 5px; color: #a675b3; text-align: center; line-height: 50px; display: block; margin: 0px auto; font: normal 12px arial; } .chatSendButton:not(.active) { box-shadow: inset 0 1px 1px rgba(111, 55, 125, 0.8), inset 0 -1px 0px rgba(63, 59, 113, 0.2), 0 9px 16px 0 rgba(0, 0, 0, 0.3), 0 4px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px #150a1e; background-image: linear-gradient(#3b2751, #271739); text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 -1px 0 #311d47; } .chatSendButton:not(.active):hover, .chatSendButton:not(.active):focus { transition: color 200ms linear, text-shadow 500ms linear; color: #fff; text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 0 10px rgba(223, 206, 228, 0.4), 0 0 2px #2a153c; } .chatSendButton:not(:hover) { transition: 0.6s; }.chatTopLineWrapper > ul > li > a:hover { background-color: #4CAF50; border-radius: 20px 10px 5px 0; transition: .3s; background-image: url(https://s8.hostingkartinok.com/uploads/images/2017/09/872d07f3cf18dfd26973517ff2282364.gif); }.chatHeader .chatTopLine { border: 1px solid #ff5722; border-radius: 20px 10px 5px 0; background-image: url(https://s8.hostingkartinok.com/uploads/images/2017/11/67ad7c1151219706a7d1bc356d73cb0d.jpg); } .chatHeader{ height:45px; width:100%; position: relative; background-image: url("http://forumuploads.ru/uploads/2015/10/25/15599995.gif "), url(" "), url("https://s8.hostingkartinok.com/uploads/images/2017/11/d078317d6f53fee9e32b657ebcdcb615.jpg"); background-position: bottom 1px left 0, bottom left 50%, left 0px bottom; background-repeat: no-repeat, no-repeat, repeat-x ; background-size: auto 100%,auto 100%,102% 100%; border-image-width: 2px; border-image-source: url(); border-image-slice: 30; border-image-repeat: stretch; }.chatMain{ background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/11/67d8591019b91a05851790cd536bd1b4.jpg"); background-position: left top; background-repeat:no-repeat; background-size: 100% 100%; border-image-width: 3px; border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/b9a2715c647f72496311aceacc9b0246.gif); border-image-slice: 30; border-image-repeat: stretch; box-shadow: 0 0 1px #B1F4F8, 0 0 2px #B1F4F8, 0 0 3px #fff, 0 0 4px #fff, 0 0 8px #fff inset; }.chatFooter .chatFooterWrapper{ background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/11/d078317d6f53fee9e32b657ebcdcb615.jpg "); background-position: center center; background-repeat: repeat-x; background-size: 100% 100%; border-image-width: 3px; border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/b9a2715c647f72496311aceacc9b0246.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; }.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a :before { content:attr(data-description); box-sizing:border-box; display:block; background:rgba(0,0,0,.7); color:white; padding:20px; position:absolute; left:20%; top:10px; margin-left:-100px; width:150px; height:75px; line-height:35px; border-radius:5px; opacity:0; transition:.25s ease-in-out;background-image: url("http://forumuploads.ru/uploads/2016/11/22/20618002.gif "); background-repeat: no-repeat; background-size:100% 100%; height: 60px; position: absolute; right: 70px; top: 100px; width: 100px; } .chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a :after { content:''; display:block; position:absolute; top:35px; left:50%; margin-left:-10px; height:0; width:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid rgba(0,0,0,.7); transition:.25s ease-in-out; opacity:0; } .chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a :hover:before { opacity:1; top:-60px; } .chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a :hover:after { opacity:1; top:15px; }.chatSpecifyPassword {font-style:normal; font-size: 19pt;font-family: Monotype Corsiva; color: #ffff00;}.chatSpecifyPassword input[type=text] {border-radius:25px 25px 25px 25px;font-family: Monotype Corsiva; font-style: normal; font-size: 19pt;}.chatHeaderWrapper .chatTitle {font-family: Arial; font-weight: bold; font-size:20px; text-align: center; width: 100%; }.chatMain .chatMessages, .chatMain .chatPrivateMessages { font-family: Arial; font-weight: bold; font-size:16px; text-shadow: 1px 1px 0 #000; }.chatTopLineWrapper ul li ul { display: block; left: -150px; top: 40px; visibility: visible; width: 197px; margin: 15px 0 0 0; } .chatTopLineWrapper ul li ul { background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/04/d4b9065bfb03b76607a7ddf22f29a3a5.jpg "); background-position: center center; background-repeat: no-repeat; background-size: 105% 112%; border-image-width: 10px; border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/e4e7f011986e373dfe046535f40e68fa.gif); border-image-slice: 30; border-image-repeat: stretch; border-radius: 5px; 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; }.chatTopLineWrapper ul li ul:hover { border-image-width: 10px; border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/cd3e0ce0589e67e954a2744b4800433c.gif); border-image-slice: 30; border-image-repeat: stretch; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), -23px 0 20px -23px rgba(255, 0, 0, 0.8), 23px 0 20px -23px rgba(255, 255, 0, 0.8), 0 0 40px rgba(255, 255, 255, 0.1) inset; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .chatTopLineWrapper > ul > li > ul > li > a:hover { background-color: #FFFCB9; opacity: 1; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), -23px 0 20px -23px rgba(255, 0, 0, 0.8), 23px 0 20px -23px rgba(255, 255, 0, 0.8), 0 0 40px rgba(255, 255, 255, 0.1) inset; } .chatTopLineWrapper > ul > li > ul > li > a{ font-family:Lobster; font-size: 16px; color:#ff0000; }.chatMain .chatMessages, .chatMain .chatPrivateMessages { width:100%; }.chatSendLinksPanel a.chatLinkSmiles {font-family: Monotype Corsiva;color: #000000; font-style: normal; font-size: 14pt}.chatSendLinksPanel .chatLinkImage {font-family: Monotype Corsiva;color: #000000; font-style: normal; font-size: 14pt}.chatLinkProfile {font-family: Monotype Corsiva;color: #000000; font-style: normal; font-size: 14pt}.chatLinkGold {font-family: Monotype Corsiva;color: #000000; font-style: normal; font-size: 14pt}.chatLinkMore {font-family: Monotype Corsiva;color: #000000; font-style: normal; font-size: 14pt}.chatPeople ul.chatPeopleList li { border-radius:3px/100%; background-color:transparent; 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(248, 233, 131, 1) 45%, rgba(125,125,125,.5)), linear-gradient(to right, rgba(125,125,125,1), rgba(248, 233, 131, 1) 45%, rgba(125,125,125,.5)), linear-gradient(to right, rgba(223,190,170,1), rgba(248, 233, 131, 1) 45%, rgba(223,190,170,.5)), linear-gradient(to right, rgba(223,190,170,1), rgba(248, 233, 131, 1) 45%, rgba(223,190,170,.5)); background-repeat: no-repeat; background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 0px, 100% 0px; background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); transition: .2s linear; padding:2px 0px 2px 8px; border-radius:7px; border-image-width: 2px; border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/cd3e0ce0589e67e954a2744b4800433c.gif); border-image-slice: 25; border-image-repeat: stretch; }.chatPeople ul.chatPeopleList li.hover { background-color: transparent; border-bottom: 0px solid #00aeef; border-top: 0px solid #00aeef; -webkit-box-shadow:rgba(0,0,0,0.3) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 15px; -khtml-box-shadow:rgba(0,0,0,0.3) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 15px; -moz-box-shadow:rgba(0,0,0,0.3) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 15px; -o-box-shadow:rgba(0,0,0,0.3) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 15px; box-shadow:rgba(0,0,0,0.3) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 15px; }.chatTabs > ul > li > a{font-family: Monotype Corsiva;color: #000000; font-style: normal; font-size: 14pt}.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, .chatTabs > ul > li.chatTab > a.active { background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/04/ca338c8b0798b0b60cc5c2a87c58649a.jpg "); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; border-image-width: 5px; border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/872d07f3cf18dfd26973517ff2282364.gif); border-image-slice: 30; border-image-repeat: stretch; border-radius: 5px; } .chatTabs > ul > li.chatTab > a { background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/04/ca338c8b0798b0b60cc5c2a87c58649a.jpg "); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; border-image-width: 5px; border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/872d07f3cf18dfd26973517ff2282364.gif); border-image-slice: 30; border-image-repeat: stretch; border-radius: 5px; }.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: 15px; }.smilesBox p { font-size: 18pt; margin-left: 20pt; margin-bottom: 0pt; color: #ffffcc; } .smilesBox { background-image:url(https://s8.hostingkartinok.com/uploads/images/2017/09/7b369d7aa2eb9142b5dc9a916c72dd2f.jpeg); width: 90%; margin-left: -15pt; border-radius: 30px; }.chat { cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur117.cur), default;} #join-chat-button, #join-chat-button2, #chat_main a, .chatHeader, .chatTopLineWrapper ul li.chatMenuItemWithSeparator a, .justify, div.chatMessage span.chatUserFrom, .chatTabs ul, .chatTabs ul li.appTab a, .chatTopLineWrapper > ul > li > a, .chatTabs > ul > li.chatTab > a, .chatSendLinksPanel a.chatLinkSmiles, .chatSendLinksPanel .chatLinkImage, .has-user-id .chatLinkProfile, .chatSendLinksPanel a, .chatLinkGold, .chatLinkVip, .chatLinkModerate, .chatLinkMore, .chatSoundPanel a, .chatFooter .chatFooterWrapper .chatPanel .chatSendButtonPanel .chatSendButton, .chatMessage a, .chatUserFrom, .chatUserFrom, .chatUserFrom, .chatPeople ul.chatPeopleList li a.chatUser:hover, .chatUserMenuInfo:hover, .chatUserMenuPrivate:hover, .chatUserMenuPhotos:hover, .chatUserMenuGift:hover, .chatUserMenuIgnore:hover, .chatUserMenuBan:hover, .chatUserAvatar:hover, .chatUserGiftsCount:hover, .chatUserSex1:hover, .chatUserSex2:hover, .chatUserSex0:hover, .chatPeople ul.chatPeopleList li img:hover, .chatTopLineWrapper > ul > li > ul > li > a:hover { cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur117.cur), default; }#join-chat-button2 { 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: 25px; font-family: Monotype Corsiva;font-size: 18pt; } #join-chat-button2 { height: 28px; }#join-chat-button2 { background: transparent url("https://s8.hostingkartinok.com/uploads/images/2017/09/e9819c500aad7d1b004a0d78ea0a3101.gif") 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 #ff0000, 0 0 2px #fff, 0 0 3px #ff0000, 0 0 4px #BEBEBE, 0 0 5px #D3D3D3, 0 0 6px #FFDEAD, 0 0 7px #778899, 0 0 10px #0000CD; }#join-chat-button2 { -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; } #join-chat-button2:hover { border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }#join-chat-button { 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: 25px; font-family: Monotype Corsiva;font-size: 18pt; } #join-chat-button { height: 28px; }#join-chat-button { background: transparent url("https://s8.hostingkartinok.com/uploads/images/2017/09/e9819c500aad7d1b004a0d78ea0a3101.gif") 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 #ff0000, 0 0 2px #fff, 0 0 3px #ff0000, 0 0 4px #BEBEBE, 0 0 5px #D3D3D3, 0 0 6px #FFDEAD, 0 0 7px #778899, 0 0 10px #0000CD; }#join-chat-button { -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; } #join-chat-button:hover { border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }.chatFull .transparent{ background: url(https://s8.hostingkartinok.com/uploads/images/2017/11/8d891fb3dc2555e6942c7328a7a386d1.jpg) no-repeat center top fixed; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto;}.chatUserAway[title="Не беспокоить"] .chatUserWrapper { opacity: 2;position: absolute; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);