.chat, .chatMain, .chatTabs ul li.chatTabActive a { cursor: url(https://i.postimg.cc/mg41B8Lg/cursor-blue1.png), auto !important; } #a:hover, .chatUserSex1 b:hover, .chatUserSex2 b:hover, .chatUserSex0 b:hover, .chatFull a:hover, .chat a:hover, .chatMain a:hover, #join-chat-button:hover, #join-chat-button2:hover, .chatSendButton:hover, .chatSendExitPanel select:hover, .chatSendLinksPanel a.chatLinkProfile:hover, #chatUserMiniMenu .buttons div:hover, .chatTabs ul li.appTab:hover, .chatTopLineWrapper > ul > li > a:hover, .chatTopLine ul li ul li a:hover, .chatTabs > ul > li.chatTab > a:hover, #scrollBottomBox:hover, .chatSendLinksPanel a.chatLinkModerate:hover, .chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a:hover, #a, .chatTabs ul li.chatTab .close, .chatHeaderWrapper:hover > .chatTitle, #join-chat-button:active, #login-form input[type=submit], .chatTabs > ul > li.chatTabActive > a, .chatSendButton, .chatSendButton:active, .chatSendExitPanel select, .chatSendExitPanel select:active, #chatUserMiniMenu .buttons div, .chatTabs ul li.appTab, input[type="submit" i], .chatSendLinksPanel a.chatLinkModerate, .chatUserSex1 b, .chatUserSex2 b, .chatUserSex0 b, .chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel, .chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a, .chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a.muted, .chatFooter .chatFooterWrapper .chatPanel .chatSendButtonPanel, .chatFooter .chatFooterWrapper .chatPanel .chatSendExitPanel, .chatFooter .chatFooterWrapper .chatPanel .chatSendButtonPanel .chatSendButton, .smilesBox::-webkit-scrollbar-thumb:hover { cursor: url(https://i.postimg.cc/Z5mv4Vbq/cursor-blue2-1.png), auto; } .chatMain .chatMessages, .chatMain .chatPrivateMessages { right: 200px; } .chatUserFrom { padding-top: 3px; } .chatMessage.type-news, .chatMessage.type-news a { color: #ff0000; } .chatMessage.type-news, .chatMessage.type-news a { color: #ff0000; } .chatMessage.type-event { box-shadow: rgb(0 0 0 / 25%) 0 3px 8px, rgb(252 255 255 / 15%) 0 3px 8px, rgb(0 0 0 / 20%) 0 3px 8px 3px inset; height: 18px; padding-top: 5px; padding-bottom: 5px; background-color: #edfbff; background-image: url(https://i.postimg.cc/k5L86HGn/RAIN2.gif); background-size: 55%; background-repeat: repeat; } .chatMessage.chatSystemMessage { color: #757373; transition: .15s ease-in-out; } .chatMessage:hover { box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 6px #000 inset; text-shadow: 0 0 1px #fff, 0 0 2px #000000, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 6px #fff, 0 0 7px #0902c4; border-radius: 5px; color: #000000; transition: .15s ease-in-out; } .chatMessage:hover > .chatTime { color: #000; -webkit-animation: perevorot .9s ease-in-out; -o-animation: perevorot .9s ease-in-out; -ms-animation: perevorot .9s ease-in-out; -moz-animation: perevorot .9s ease-in-out; animation: perevorot .9s ease-in-out; } .chatTabs ul li.chatTab .close { right: 2px; background: transparent url(https://i.postimg.cc/SK3DZB48/closetab-red.png) no-repeat 0 0; transition: transform 3s ease-in-out; } .chatTabs ul li.chatTab .close:hover { transform: rotate(9000deg); } .chatFull a { padding-left: 10px; padding-right: 10px; border-radius: 85px; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5; font-weight: bold; color: #edfbff; text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 5px #4994f5, 0 0 6px #4994f5; text-decoration: none; } .chatFull a:hover { color: #ffffff; -webkit-animation: pulses 0.5s infinite ease-in-out; -o-animation: pulses 0.5s infinite ease-in-out; -ms-animation: pulses 0.5s infinite ease-in-out; -moz-animation: pulses 0.5s infinite ease-in-out; animation: pulses 0.5s infinite ease-in-out; } .content form { background-color: #edfbff; border-radius: 1000px; border: 3px solid #4994f5; padding-top: 35px; padding-right: 35px; padding-bottom: 35px; padding-left: 35px; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5, 0 0 7px #4994f5, 0 0 10px #4994f5, 0 0 20px #4994f5 inset; color: #4994fa; width: 275px; height: 275px; position: center center; background-image: url(https://i.postimg.cc/Kzyg8bhq/cat-small.gif); background-position: 50% 85%; background-repeat: no-repeat; } .chatSpecifyPassword input[type="text"] { box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5, 0 0 7px #4994f5, 0 0 10px #4994f5 inset; color: #4994fa; border-radius: 30px; border: 1px solid #4994f5; font-weight: bold; font-size: 20px; padding: 10px; background-color: #edfbff; background-size: 135%; background-image: url(https://i.postimg.cc/k5L86HGn/RAIN2.gif); } .center-wrapper { width: 32%; text-align: center; } .center-text-wrapper .content { position: center center; } .chatSpecifyPassword label, .chatSpecifyPassword p { position: center center; vertical-align: center; horisontal-align: center; } .center-wrapper .content { background-position: 50% 50%; background-repeat: no-repeat; opacity:1; vertical-align: center; transition: transform .85s ease-in-out; -webkit-transition: all .85s ease-in-out; -moz-transition: all .85s ease-in-out; -o-transition: all .85s ease-in-out; -ms-transition: all .85s ease-in-out; transition: all .85s ease-in-out; -webkit-animation: boobleon .85s ease-in-out; animation: boobleon .85s ease-in-out; } @keyframes boobleon { 0% {transform: scale(.1) rotate(180deg);} 100% {transform: scale(1);}} .chatMain::before { position: absolute; right: 95px; width: 82px; height: 82px; content: ''; background: url(https://www.kolobok.us/smiles/user/mr47_06.gif) 0 0 no-repeat; background-size: 100%; animation: letun 25s infinite linear; } @keyframes letun { from{transform: scale(.7) translate3d(0,1500px,0)} to{transform: scale(.9) translate3d(0,-2000px,100px)} } .chatHeader { background-image: url(https://i.postimg.cc/FK6L5ST4/kot-beg-4.gif); background-position: center center; background-repeat: no-repeat; height: 45px; } .chatHeaderWrapper::before { position: absolute; top: 4px; width: 0px; height: 0px; left: 45%; content:''; background: url(https://i.postimg.cc/HL0XDFDF/KOTOZLO.jpg); border-radius: 50%; background-size: 220%; background-repeat: no-repeat; background-position: center center; transition: all .3s ease-in-out; } .chatHeaderWrapper:hover:before { width: 500px; height: 500px; transition: all .3s ease-in-out; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5, 0 0 7px #4994f5, 0 0 10px #4994f5, 0 0 20px #4994f5 inset; color: #4994fa; top: 40px; bottom: 20%; left: 25%; right: 25%; border-radius: 75%; background: url(https://i.postimg.cc/HL0XDFDF/KOTOZLO.jpg); background-position: center center; background-repeat: no-repeat; background-size: auto 110%; } .chatHeaderWrapper:hover > .chatTitle { transition: all .3s ease-in-out; font-size: 16px; margin-top: 16px; margin-left: 45%; text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 5px #4994f5, 0 0 6px #4994f5; -webkit-animation: pulses2 .5s infinite ease-in-out; -o-animation: pulses2 .5s infinite ease-in-out; -ms-animation: pulses2 .5s infinite ease-in-out; -moz-animation: pulses2 .5s infinite ease-in-out; animation: pulses2 .5s infinite ease-in-out; } .chatHeader .chatTopLine { color: #0902c4; border-radius: 5px; background-image: url(https://i.postimg.cc/t4bnp2qT/fon-SB-voda.gif); -webkit-animation: TopLnVkl .85s ease-in-out; -o-animation: TopLnVkl .85s ease-in-out; -ms-animation: TopLnVkl .85s ease-in-out; -moz-animation: TopLnVkl .85s ease-in-out; animation: TopLnVkl .85s ease-in-out; } @-webkit-keyframes TopLnVkl { 0% { right: -220px;} 100% { right: 12px;} } .chatHeader .chatTopLine a { color: #0902c4; font-size: 14px; font-weight: bolder; } .chatTopLineWrapper > ul > li:first-child > a { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .chatTopLineWrapper > ul > li:last-child > a { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .chatTopLineWrapper ul li ul li a { width: 200px; -webkit-animation: TopLineWrNaklon .8s ease-in-out; -o-animation: TopLineWrNaklon .8s ease-in-out; -ms-animation: TopLineWrNaklon .8s ease-in-out; -moz-animation: TopLineWrNaklon .8s ease-in-out; animation: TopLineWrNaklon .8s ease-in-out; } @-webkit-keyframes TopLineWrNaklon { 0% { -webkit-transform: skew(5deg) translate(-5px, 0px); color: #a3d3ff; text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #ffffec, 0 0 5px #ffffec, 0 0 6px #ffffec;} 50% { -webkit-transform: skew(-5deg) translate(5px, 0px); color: #0902c4;} 100% { -webkit-transform: skew(0deg);} } .chatTopLineWrapper { box-shadow: 1px 1px 6px #000,-1px -1px 1px #fff; } .chatSetupNickname { position: relative; left: 40%; top: 0; line-height: 62px; } #join-chat-button { transition: .25s ease-in-out; background: transparent; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5, 0 0 7px #4994f5, 0 0 10px #4994f5, 0 0 20px #4994f5; color: #4994fa; background-image: url(https://i.postimg.cc/Kzyg8bhq/cat-small.gif); background-position: left center; background-repeat: no-repeat; background-size: 40%; height: 35px; width: 160px; padding-left: 65px; text-shadow: 0 0 1px #000, 0 0 2px #fff, 0 0 3px #ffffec, 0 0 5px #ffffec; } #join-chat-button2, #login-form input[type=submit] { height: 75px; width: 75px; border-radius: 200px; white-space: wrap; transition: .15s linear; color: #edfbff; background-image: url(https://i.postimg.cc/52JQbn4j/lightning-svjsn4mj.gif); background-size: 155%; background-position: center center; background-repeat: no-repeat; text-shadow: 0 0 1px #000, 0 0 2px #fff, 0 0 3px #ffffec, 0 0 5px #ffffec, 0 0 6px #ffffec; } #join-chat-button:hover { border-radius: 10px; transition: .25s ease-in-out; color: #ffffff; background-position: right center; background-repeat: no-repeat; background-size: 48%; text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 5px #000, 0 0 6px #121212, 0 0 7px #ffffff, 0 0 8px #ffffec; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5, 0 0 7px #4994f5, 0 0 10px #4994f5 inset; font-size: 10px; padding-top: 10px; padding-right: 70px; padding-bottom: 10px; padding-left: 5px; } #join-chat-button:active { transition: .25s linear; background-position: center center; font-size: 0px; height: 1px; } #join-chat-button2:hover,
#login-form input[type=submit] { background-image: url(https://i.postimg.cc/k5L86HGn/RAIN2.gif); background-size: 550%; background-repeat: repeat; border: 2px solid #4994f5; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5, 0 0 7px #4994f5, 0 0 10px #4994f5 inset; font-weight: bold; color: #edfbff; text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 5px #4994f5, 0 0 6px #4994f5; } #center-container { border-radius: 900px; border: 3px solid #4994f5; padding-top: 35px; padding-right: 35px; padding-bottom: 35px; padding-left: 35px; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5, 0 0 7px #4994f5, 0 0 10px #4994f5, 0 0 20px #4994f5 inset; color: #4994fa; width: 350px; height: 350px; background-image: url(https://i.postimg.cc/Kzyg8bhq/cat-small.gif); background-position: 50% 85%; background-repeat: no-repeat; } a.chatUser+img[title="Администратор"] { display: none; } #chatMainMenuChat { transition: .3s ease-in-out; border-radius: 7px 7px 7px 7px; color: #0902c4; background-color: #edfbff; background-image: url(https://i.postimg.cc/t4bnp2qT/fon-SB-voda.gif); background-position: center center; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5, 0 0 7px #4994f5, 0 0 10px #4994f5, 0 0 20px #4994f5; top: 44px; } #chatMainMenuProfile { transition: .3s ease-in-out; border-radius: 7px 7px 7px 7px; color: #0902c4; background-color: #edfbff; background-image: url(https://i.postimg.cc/t4bnp2qT/fon-SB-voda.gif); background-position: center center; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5, 0 0 7px #4994f5, 0 0 10px #4994f5, 0 0 20px #4994f5; } #chatMainMenuChatovod { transition: .3s ease-in-out; border-radius: 7px 7px 7px 7px; color: #0902c4; background-color: #edfbff; background-image: url(https://i.postimg.cc/t4bnp2qT/fon-SB-voda.gif); background-position: center center; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5, 0 0 7px #4994f5, 0 0 10px #4994f5, 0 0 20px #4994f5; } .chatActionDialog { color: #0902c4; position:absolute; background-color:#edfbff; border: 7px solid #CCCCCC; background-image: url(https://i.postimg.cc/t4bnp2qT/fon-SB-voda.gif); background-position: center center; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5, 0 0 7px #4994f5, 0 0 10px #4994f5, 0 0 20px #4994f5; } .chatTabs > ul > li.chatTab > a { border-radius: 15px 4px 15px 4px; background-repeat: yes-repeat; background-position: left top; background: -webkit-linear-gradient(0deg, rgb(234, 252, 254), rgb(73, 148, 245)); background: -moz-linear-gradient(0deg, rgb(234, 252, 254), rgb(73, 148, 245)); background: linear-gradient(0deg, rgb(234, 252, 254), rgb(73, 148, 245)); } .chatTabs > ul > li.chatTabActive > a { border-radius: 15px 4px 15px 4px; background-repeat: yes-repeat; background-position: center center 20px; background-size: 350%; background-image: url(https://i.pinimg.com/originals/2f/ec/8f/2fec8fc5e60d03029603e6f82921581f.gif); font-weight: bold; text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 5px #4994f5, 0 0 6px #4994f5; } .downarrowclass { width: 100%; height: 100%; top: 1px; background-repeat: no-repeat; background-position: right center; background-image: url(https://i.postimg.cc/hGPkWWN0/arrdwnstab.png); } .downarrowclass:hover { background-image: url(https://i.postimg.cc/Vkys86RQ/arrdwn.gif); } .chatTabs { background-image: url(https://i.postimg.cc/661Fkm0s/sledkota45.gif); background-position: left center; background-repeat: no-repeat; -webkit-animation: ChtTbsVkl .7s ease-in-out; -o-animation: ChtTbsVkl .7s ease-in-out; -ms-animation: ChtTbsVkl .7s ease-in-out; -moz-animation: ChtTbsVkl .7s ease-in-out; animation: ChtTbsVkl .7s ease-in-out; } @-webkit-keyframes ChtTbsVkl { 0% { -webkit-transform: scaleX(1) scaleY(0); filter: blur(3px); left: -500px;} 100% { -webkit-transform: scaleX(1) scaleY(1); filter: blur(0px); left: 0px;} } .chatMessage { padding-top: 3px; right: 10px; -webkit-animation: ChtMsgVkl .4s ease-in-out; -o-animation: ChtMsgVkl .4s ease-in-out; -ms-animation: ChtMsgVkl .4s ease-in-out; -moz-animation: ChtMsgVkl .4s ease-in-out; animation: ChtMsgVkl .4s ease-in-out; } @-webkit-keyframes ChtMsgVkl { 0% { -webkit-transform: scaleX(0) translateX(275%); color: #fff; filter: blur(6px);} 100% { -webkit-transform: scaleX(1) translateX(0%); } } .chatSendButton { transition: .3s ease-in-out; background: transparent; background-position: center left; background-repeat: no-repeat; background-size: 100% 110%; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5, 0 0 7px #4994f5, 0 0 8px #4994f5, 0 0 10px #4994f5; color: #0902c4; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; -ms-transition: all .9s ease; transition: all .9s ease; -webkit-animation: chatPeopleTitleOn .9s ease; } .chatSendButton:hover { transition: .3s ease-in-out; border-radius: 15px; background-image: url(https://i.makeagif.com/media/2-09-2015/qePsRi.gif); background-size: 100%; text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #ffffff; } .chatSendButton:active { border-radius: 5px; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 6px #fff, 0 0 7px #fff, 0 0 8px #fff, 0 0 10px #fff; color: #fff; transition: .1s ease-in-out; } .chatSendExitPanel select { transition: .3s ease-in-out; height: 24px; background: transparent; color: #0000FF; border-radius: 5px; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5, 0 0 7px #4994f5, 0 0 8px #4994f5, 0 0 10px #4994f5; color: #0902c4; right: 80px; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; -ms-transition: all .9s ease; transition: all .9s ease; -webkit-animation: chatPeopleTitleOn .9s ease; } .chatSendExitPanel select:hover { transition: .3s ease-in-out; border-radius: 15px; background-image: url(https://i.makeagif.com/media/2-09-2015/qePsRi.gif); background-size: 100%; text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #ffffff; } .chatSendExitPanel select:active { border-radius: 5px; transition: .3s ease-in-out; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 6px #fff, 0 0 7px #fff, 0 0 8px #fff, 0 0 10px #fff; color: #0902c4; text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #ffffff; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; -ms-transition: all 0.35s ease; transition: all 0.35s ease; } .chatSendExitPanel select:active { -webkit-transform: scaleY(.75); -moz-transform: scaleY(.75); -o-transform: scaleY(.75); -ms-transform: scaleY(.75); transform: scaleY(.75); background-image: url(https://i.makeagif.com/media/2-09-2015/qePsRi.gif); background-position: center center; background-repeat:no-repeat; background-size: 100% auto; } .chatSendText.chatInputText { transition: .5s ease-in-out; border: 1px solid blue; border-radius: 5px; height: 24px; background-color: #edfbff; opacity: 0.8; color: #0902c4; padding-left: 25px; background-image: url(https://i.postimg.cc/rwHR6cPQ/kot-g-u4.gif); background-size: 5px; background-repeat: no-repeat; background-position: left -26px bottom -10px; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5, 0 0 7px #4994f5, 0 0 8px #4994f5, 0 0 10px #4994f5; color: #0902c4; filter: blur(2.5px); -webkit-animation: footer-piu-piu .8s ease; animation: footer-piu-piu .8s ease; } @keyframes footer-piu-piu { 0% {transform: scaleX(0) scaleY(0); border-radius: 100%;} 80% {transform: scaleX(1) scaleY(1.25); border-radius: 5px;} 100% {transform: scaleX(1) scaleY(1); border-radius: 5px;} } .chatSendText.chatInputText:focus { transition: .5s ease-in-out; border: 1px solid blue; border-radius: 5px; height: 24px; background-color: #edfbff; opacity: 0.8; color: #0902c4; padding-left: 25px; background-image: url(https://i.postimg.cc/rwHR6cPQ/kot-g-u4.gif); background-size: 22px; background-repeat: no-repeat; background-position: 0px center; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5, 0 0 7px #4994f5, 0 0 8px #4994f5, 0 0 10px #4994f5; color: #0902c4; font-weight: bolder; filter: blur(0px); } .chatPrivateMessages { background-color: #0902c4; font-color: #0902c4; background-image: url(https://i.postimg.cc/0NTs1Hxv/privat0.jpg); background-repeat: repeat; border-radius: 5px; margin-left: 8px; margin-bottom: 8px; margin-right: 5px; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5 inset; } .chatTime { float: left; font-color: #0902c4; font-size: 12px; } .chatFull .transparent { background-image: url(https://www.animationsoftware7.com/img/agifs/leaf_fall_1.gif); background-color: #edfbff; opacity:1; box-shadow: 0 0 5px #4994f5 inset, 0 0 6px #4994f5 inset, 0 0 7px #4994f5 inset, 0 0 10px #fff inset, 0 0 20px #4994f5 inset; } .chatFull .transparent::after { position: absolute; top: 5%; left: .1%; right; 500%; width: 419px; height: 411px; content: ''; background: url(https://i.pinimg.com/originals/49/12/7a/49127a215f1f1b4925b4e02ee306b740.gif) 0 0 no-repeat; background-size: 200px; animation: Shar 8s infinite linear; } @keyframes Shar { 0% {transform: scaleX(.2) scaleY(.2); left: 5%; right: 95%; top: 5%; bottom: 85%;} 25% {transform: scaleX(1) scaleY(1); left: 75%; right: 25%; top: 5%; bottom: 85%;} 50% {transform: scaleX(.2) scaleY(.2); left: 75%; right: 25%; top: 75%; bottom: 25%;} 75% {transform: scaleX(1) scaleY(1); left: 5%; right: 80%; top: 75%; bottom: 25%;} 100% {transform: scaleX(.2) scaleY(.2); left: 5%; right: 95%; top: 5%; bottom: 85%;} } #a:hover { color: #FF0000; } #chatUserMiniMenu { height: 20px; background-color: #edfbff; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5; border: 1px solid #4994f5; background-position: right 0 center; background-repeat: yes-repeat; border-radius: 20px 6px 20px 6px; background-position: left top; background-image: url(https://i.postimg.cc/wTP8DtLV/image.jpg); -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; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-animation: mm-shmyak .8s ease; animation: mm-shmyak .8s ease; } @keyframes mm-shmyak { 0% {transform: scale(1); filter: blur(3px);} 30% {transform: scaleX(1.1) scaleY(0.85) skew(15deg); filter: blur(0px);} 40% {transform: scaleX(0.85) scaleY(1.1) skew(-5deg);} 60% {transform: scaleX(1.1) scaleY(0.85) skew(-15deg);} 100% {transform: scale(1);} } #chatUserMiniMenu .buttons div { background-repeat: no-repeat; background-position: center center; width: 20px; height: 20px; } .chatUserFrom:hover { -webkit-transition: all 0.33s ease; -moz-transition: all 0.33s ease; -o-transition: all 0.33s ease; -ms-transition: all 0.33s ease; transition: all 0.33s ease; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); } .chatSendLinksPanel a { margin-right:16px; text-decoration:none; float:left; height: 16px; } .chatFooter { -webkit-animation: ChFtrVkl .5s ease-in-out; -o-animation: ChFtrVkl .5s ease-in-out; -ms-animation: ChFtrVkl .5s ease-in-out; -moz-animation: ChFtrVkl .5s ease-in-out; animation: ChFtrVkl .5s ease-in-out; background-image: url(""); background: -webkit-linear-gradient(180deg, rgb(234, 252, 254), rgb(73, 148, 245)); background: -moz-linear-gradient(180deg, rgb(234, 252, 254), rgb(73, 148, 245)); background: linear-gradient(180deg, rgb(234, 252, 254), rgb(73, 148, 245)); } @-webkit-keyframes ChFtrVkl { 0% { left: -100%;} 100% { left: 0%;}} .chatFooter .chatFooterWrapper .chatPanel.chatSendLinksPanel { font-size: 10pt; } .chatFooter .chatFooterWrapper .chatPanel div a span { border-bottom: 0px; } .chatSendLinksPanel a.chatLinkMore { padding-left: 5px; padding-right: 5px; } .chatSendLinksPanel a.chatLinkProfile, .chatSendLinksPanel a.chatLinkGold { padding-left: 5px; padding-right: 5px; background:url(""); } .chatSendLinksPanel a.chatLinkSmiles, .chatSendLinksPanel a.chatLinkImage, .chatSendLinksPanel a.chatLinkMore { -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; transition: all .35s ease-in-out; padding-left: 6px; padding-right: 6px; height: 28px; background: url(""); } .chatSendLinksPanel a.chatLinkSmiles span, .chatSendLinksPanel a.chatLinkImage span, .chatSendLinksPanel a.chatLinkMore { color: #edfbff; font-weight: bold; font-size: 12px; text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 5px #4994f5, 0 0 6px #4994f5; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .chatSendLinksPanel a.chatLinkProfile, .chatSendLinksPanel a.chatLinkGold, .chatSendLinksPanel a.chatLinkVip { display: none; } .chatSendLinksPanel a.chatLinkProfile:hover { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .chatSendLinksPanel a.chatLinkProfile:hover { -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg); -ms-transform: skew(-30deg); transform: skew(-30deg); } .chatSendLinksPanel a.chatLinkSmiles:hover span, .chatSendLinksPanel a.chatLinkImage:hover span, .chatSendLinksPanel a.chatLinkProfile:hover span, .chatSendLinksPanel a.chatLinkGold:hover span, .chatSendLinksPanel a.chatLinkModerate:hover span, .chatSendLinksPanel a.chatLinkVip:hover span, .chatSendLinksPanel a.chatLinkMore:hover span { color: #fff; text-shadow: 0 0 1px #0902c4, 0 0 2px #4994f5, 0 0 3px #4994f5, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #fff, 0 0 15px #fff, 0 0 18px #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .chatSendLinksPanel a.chatLinkSmiles:hover, .chatSendLinksPanel a.chatLinkImage:hover, .chatSendLinksPanel a.chatLinkProfile:hover, .chatSendLinksPanel a.chatLinkGold:hover, .chatSendLinksPanel a.chatLinkModerate:hover, .chatSendLinksPanel a.chatLinkVip:hover, .chatSendLinksPanel a.chatLinkMore:hover { color: #fff; text-shadow: 0 0 1px #0902c4, 0 0 2px #4994f5, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #fff, 0 0 15px #fff, 0 0 18px #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; -webkit-animation: pulsespunkts 1s infinite ease-in-out; -o-animation: pulsespunkts 1s infinite ease-in-out; -ms-animation: pulsespunkts 1s infinite ease-in-out; -moz-animation: pulsespunkts 1s infinite ease-in-out; animation: pulsespunkts 1s infinite ease-in-out; } @-webkit-keyframes pulsespunkts { 0% { -webkit-transform: scale(.8); opacity: .1; } 50% { -webkit-transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(.8); opacity: .1; } } #chatUserMiniMenu .buttons div:hover { background-repeat: no-repeat; background-position: center center; width: 20px; height: 20px; border-radius: 10px; background-color: #4994f5; transition: .15s linear; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .chatMain { text-shadow: 0 0 1px #ffffff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5 inset; } .chatPeople.vscrollable { width: 200px; border: 0px; background: transparent url(https://i.postimg.cc/Z5QvkZQk/kot-g-u2.gif) 0 0 no-repeat; background-position: right bottom; transition: .85s ease; -webkit-transition: all .85s ease; -moz-transition: all .85s ease; -o-transition: all .85s ease; -ms-transition: all .85s ease; transition: all .85s ease; -webkit-animation: kotlezet .85s ease; } @-webkit-keyframes kotlezet { 0% {background-position: right -90px bottom -70px;} 100% {background-position: right bottom;} } .chatPeople.vscrollable:hover { border: 0px; background: transparent url(https://i.postimg.cc/Z5QvkZQk/kot-g-u2.gif) 0 0 no-repeat; background-position: right -50px bottom -40px; transition: .7s ease; } .chatPeople.vscrollable:hover > .chatPeopleTitle { -webkit-transition: all .36s ease; -moz-transition: all .36s ease; -o-transition: all .36s ease; -ms-transition: all .36s ease; transition: all .36s ease; box-shadow: 1px 1px 6px #000, -1px -1px 1px #fff; background: -webkit-linear-gradient(180deg, rgb(163, 211, 255), rgb(237, 251, 255), rgb(163, 211, 255)); background: -moz-linear-gradient(180deg, rgb(163, 211, 255), rgb(237, 251, 255), rgb(163, 211, 255)); background: linear-gradient(180deg, rgb(163, 211, 255), rgb(237, 251, 255), rgb(163, 211, 255)); color: #edfbff; text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 5px #000, 0 0 6px #121212, 0 0 7px #ffffff, 0 0 8px #ffffec; } .chatMessageToMe .chatToUser { background-color: #a3d3ff; border: 1px solid #4994f5; color: #FFFFFF; opacity: 0.9; font-weight: bold; padding-left: 10px; padding-right: 10px; border-radius: 20px 6px 20px 6px; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5; background-repeat: yes-repeat; background-position: left center 15px; background-size: 350%; background-image: url(https://i.pinimg.com/originals/2f/ec/8f/2fec8fc5e60d03029603e6f82921581f.gif); font-weight: bold; text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 5px #4994f5, 0 0 6px #4994f5; } .chatPeople { background-image: url(""); background-position: bottom; background-repeat: repeat-x; background-size: 100% } .chatPeople ul.chatPeopleList li { background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; font-weight: bold; padding: 6px 5px 22px 5px; border: 1px solid #4994f5; border-top: 1px solid #4994f5; border-bottom: 1px solid #4994f5; border-radius: 8px 15px 8px 15px; box-shadow: inset rgb(0 0 0 / 25%) 0 3px 8px, inset rgb(252 255 255 / 15%) 0 3px 8px, rgb(0 0 0 / 10%) 0 3px 8px 3px; margin-top: 10px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -webkit-animation: chatPeopleSpisokOn 1s ease; } @-webkit-keyframes chatPeopleSpisokOn { 0% {transform: scale(0);} 100% {transform: scale(1);} } .chatPeople ul.chatPeopleList li:hover { border-radius: 20px 5px 20px 5px; border: 1px solid #4994f5; border-top: 1px solid #4994f5; border-bottom: 1px solid #4994f5; transition: 0.3s; padding: 6px 5px 6px 5px; box-shadow: rgb(0 0 0 / 25%) 0 3px 8px, rgb(252 255 255 / 15%) 0 3px 8px, rgb(0 0 0 / 10%) 0 3px 8px 3px; } .chatUserVip { width: 0px; height: 0px; box-shadow: inset rgb(0 0 0 / 25%) 0 3px 8px, inset rgb(252 255 255 / 15%) 0 3px 8px, rgb(0 0 0 / 10%) 0 3px 8px 3px; } .chatPeople ul.chatPeopleList li a.chatUser { padding-left: 10px; word-wrap: break-word; font-size: 12px; } .chatUserAvatar { float:left; margin-top: 6px; overflow:hidden; width:55px; height:80px; transition: .8s ease-in-out; } .chatUserAvatar:hover { transition: .8s ease-in-out; border: 0px solid #4994f5; border-radius: 80%; background-size: 85px auto; height: 85px; width: 85px; z-index: 101; -moz-transform: scale(1.25) translate(20px, 10px) rotate(360deg); box-shadow: inset rgb(0 0 0 / 25%) 0 3px 8px, rgb(252 255 255 / 25%) 0 3px 18px, rgb(0 0 0 / 20%) 0 3px 8px; -webkit-transform: scale(1.25) translate(20px, 10px) rotate(360deg); -o-transform: scale(1.25) translate(20px, 10px) rotate(360deg); -ms-transform: scale(1.25) translate(20px, 10px) rotate(360deg); transform: scale(1.25) translate(26px, 10px) rotate(360deg); } .chatUsersCount, .chatUsersCount::before, .chatUsersCount::after { position: relative; font-size: 12px; font-weight: bold; } .chatUsersCount::before { font-size: 11px; padding: 10px; content: "в Мяучате сейчас"; } .chatUsersCount::after { font-size: 11px; content: " чел."; right: 0px; } .chatPeople .chatPeopleTitle { font-size:0; } .chatPeopleTitle { border: 1px solid #4994f5; border-radius: 15px; height: 19px; width: 180px; position-top: 2px; position-right: 10px; padding-left: 8px; padding-top: 5px; box-shadow: 0 0 3px #fff, 0 0 3px #000 inset; color: solid #0902c4; background: -webkit-linear-gradient(180deg, rgb(237, 251, 255), rgb(163, 211, 255), rgb(237, 251, 255)); background: -moz-linear-gradient(180deg, rgb(237, 251, 255), rgb(163, 211, 255), rgb(237, 251, 255)); background: linear-gradient(180deg, rgb(237, 251, 255), rgb(163, 211, 255), rgb(237, 251, 255)); text-shadow: 0 0 1px #FFF, 0 0 2px #FFF; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; -ms-transition: all .9s ease; transition: all .9s ease; animation: chatPeopleTitleOn .9s ease; } @keyframes chatPeopleTitleOn { 0% {transform: scaleX(.2) scaleY(.1);} 100% {transform: scaleX(1) scaleY(1);} } .smilesBox { transition: 0.25s linear; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5 inset; border: 1px solid #4994f5; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 45em .75em; border-bottom-left-radius: 45em 2.75em; width: 70%; padding-left: 12px; background-size: 105%; background-position: center center; background-image: url(https://i.postimg.cc/t4bnp2qT/fon-SB-voda.gif); -webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; -o-transition: all 0.75s ease; -ms-transition: all 0.75s ease; transition: all 0.75s ease; -webkit-animation: SmBxRazvorot .75s ease; } @keyframes SmBxRazvorot { 0% {width: 5px;} 100% {width: 70%;} } .smilesBox p { font-size: 0pt; } .smilesBox a:hover { opacity: 1; } .smilesBox a { opacity: .75; } .smilesBox::-webkit-scrollbar { width: 12px; } .smilesBox::-webkit-scrollbar-thumb {
 background-color: #dbf5fc; box-shadow: 0 0 1px #fff inset, 0 0 2px #fff inset, 0 0 3px #fff, 0 0 4px #4994f5 inset, 0 0 5px #4994f5 inset; border-radius: 5px; background-image: url(https://i.postimg.cc/t4bnp2qT/fon-SB-voda.gif); } .smilesBox::-webkit-scrollbar-thumb:hover { background-color: #dbf5fc; background-image: url(''); border-radius: 5px; } .chatPopupMenuDiv1 { opacity: .01; } .chatPopupMenuDiv2 { display: none; position: absolute; background-color: #edfbff; border: 0px solid #CFCFC9; border-top-left-radius: 45em .75em; border-bottom-left-radius: 45em 2.75em; text-shadow: 0 0 1px #ffffff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5; z-index: 97; font-size: 10px; } .chatPopupMenuDiv2 a { text-decoration: none; } .chatPopupMenuDiv2 a:hover { text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 5px #4994f5, 0 0 6px #4994f5; color: #fff; } .chatPopupMenuDiv2 .chatPopupMenuContent p { margin: 0; padding: 4px 0; } .chatUserAway[title="Отошел"], .chatPeople ul.chatPeopleList li[title="Отошел"].hover { display: none; } .chatUserAway[title="Не беспокоить"] .chatUserWrapper { opacity: 2; position: absolute; right: 10px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); border: 0px; border-color: #edfbff; } .chatTabs ul li.appTab { -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; text-decoration: none; } .chatTabs ul li.appTab:hover { box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5 inset; border-radius: 50%; -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; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-animation: apps-hover .8s ease; animation: apps-hover .8s ease; } .chatTabs ul li.appTab a { font-size: 12px; font-weight: bolder; text-decoration: none; font-family: Tahoma, Verdana, Geneva, sans-serif; } @keyframes apps-hover { 0% {transform: scale(1);} 30% {transform: scaleX(1.2) scaleY(0.7) skew(25deg);} 40% {transform: scaleX(0.7) scaleY(1.25) skew(-5deg);} 60% {transform: scaleX(1.2) scaleY(0.7) skew(-25deg);} 100% {transform: scale(1);} } .chatTopLineWrapper > ul > li > a:hover { border-radius: 5px; transition: .8s; color: #edfbff; opacity: 0.8; background: -webkit-linear-gradient(0deg, rgb(234, 252, 254), rgb(73, 148, 245)); background: -moz-linear-gradient(0deg, rgb(234, 252, 254), rgb(73, 148, 245)); background: linear-gradient(0deg, rgb(234, 252, 254), rgb(73, 148, 245)); -webkit-animation: perevorot .5s ease-in-out; -o-animation: perevorot .5s ease-in-out; -ms-animation: perevorot .5s ease-in-out; -moz-animation: perevorot .5s ease-in-out; animation: perevorot .5s ease-in-out; text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 5px #000, 0 0 6px #121212, 0 0 7px #ffffff, 0 0 8px #ffffec; } .chatTopLine ul li ul li a:hover { font-weight: bold; font-color: #000000; background-color: #4994f5; text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #ffffff; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5; transition: .5s; border-radius: 5px; } @-webkit-keyframes perevorot { 0% { -webkit-transform: scaleY(1) scaleX(1);} 25% { -webkit-transform: scaleY(-.5) scaleX(.95); color: #000;} 50% { -webkit-transform: scaleY(-1) scaleX(.9); color: #fff;} 75% { -webkit-transform: scaleY(.5) scaleX(.95); color: #000;} 100% { -webkit-transform: scaleY(1) scaleX(1);} } .chatTabs > ul > li.chatTab > a:hover { -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; -webkit-animation: HoverTab .5s ease-in-out; -o-animation: HoverTab .5s ease-in-out; -ms-animation: HoverTab .5s ease-in-out; -moz-animation: HoverTab .5s ease-in-out; animation: HoverTab .5s ease-in-out; } @-webkit-keyframes HoverTab { 0% { -webkit-transform: skew(0deg);} 10% { -webkit-transform: skew(5deg) translate(5px, 0px); filter: blur(2px);} 30% { -webkit-transform: skew(-5deg) translate(-5px, 0px) scaleY(.95); filter: blur(2px);} 40% { -webkit-transform: skew(0deg) scaleY(1);} 100% { -webkit-transform: skew(0deg);} } #scrollBottomBox { opacity: .4; right: 250px; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5; color: #edfbff; border-color: #edfbff; text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 5px #4994f5, 0 0 6px #4994f5; background-position: left top; background-image: url(https://i.postimg.cc/wTP8DtLV/image.jpg); border-radius: 5px; -webkit-animation: mm-shmyak .85s ease-in-out; -o-animation: mm-shmyak .85s ease-in-out; -ms-animation: mm-shmyak .85s ease-in-out; -moz-animation: mm-shmyak .85s ease-in-out; animation: mm-shmyak .85s ease-in-out; } #scrollBottomBox:hover { opacity: .85; -webkit-animation: perevorot .75s ease-in-out; -o-animation: perevorot .75s ease-in-out; -ms-animation: perevorot .75s ease-in-out; -moz-animation: perevorot .75s ease-in-out; animation: perevorot .75s ease-in-out; } .vscrollable::-webkit-scrollbar { width: 10px; } .vscrollable::-webkit-scrollbar-thumb { background-color: #dbf5fc; border-radius: 5px; } .vscrollable::-webkit-scrollbar-thumb:hover { background-image: url(https://i.postimg.cc/t4bnp2qT/fon-SB-voda.gif); border-radius: 5px; } .chatSendButton:active ~ chatSendText.chatInputText { color: solid #000; } .user-id a.chatUser { position: relative; visibility: hidden; } .user-2882502 a.chatUser::after { /* огурчик */ visibility: visible; content:''; position: absolute; right: 5px; width: 50px; background: transparent url(https://i.postimg.cc/TwWbRdGj/ogurets.png) 0 0 no-repeat; background-size: 50px; } .user-2879762 a.chatUser::after { /* Я */ visibility: visible; content:''; position: absolute; right: 3px; width: 50px; height: 50px; background: transparent url(https://i.postimg.cc/Kzyg8bhq/cat-small.gif) 0 0 no-repeat; background-size: 50px; } .user-2878639 a.chatUser::after { /* Blue Mazerati */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/qMwm3wVt/bluemazeratti.png) 0 0 no-repeat; background-size: 35px; } .user-2884407 a.chatUser::after { /* Луна */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/1tN6CP3d/Luna.png) 0 0 no-repeat; background-size: 35px; } .user-2773434 a.chatUser::after { /* Пожарник */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/C1LwLpDD/Jerry.gif) 0 0 no-repeat; background-size: 35px; } .user-2879761 a.chatUser::after { /* Haizse */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/brTYfQ14/darkee.png) 0 0 no-repeat; background-size: 35px; } .user-2809636 a.chatUser::after { /* bro */ visibility: visible; content:''; position: absolute; right: 5px; width: 40px; height: 40px; background: transparent url(https://i.postimg.cc/RZr31TXL/bro.png) 0 0 no-repeat; background-size: 40px; } .user-2884578 a.chatUser::after { /* ЧуКча */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/qRyzB0qn/chukcha.png) 0 0 no-repeat; background-size: 35px; } .user-2875786 a.chatUser::after { /* Wertigo */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/4NVk8dMp/Wertigo.jpg) 0 0 no-repeat; background-size: 35px; } .user-305093 a.chatUser::after { /* Старый Дэв */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/TwfpPFD4/image.jpg) 0 0 no-repeat; background-size: 35px; } .user-2882991 a.chatUser::after { /* Красный Джокер */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/Y08XP56K/Red-Jocker.png) 0 0 no-repeat; background-size: 35px; } .user-2880229 a.chatUser::after { /* Агидель */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/qRqXRNnY/Agidell.jpg) 0 0 no-repeat; background-size: 35px; } .user-2882693 a.chatUser::after { /* Shadow */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/L8z3JdWt/Shadow.png) 0 0 no-repeat; background-size: 35px; } .user-2884868 a.chatUser::after { /* Tim */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/W3FCxrgn/Tim.gif) 0 0 no-repeat; background-size: 35px; } .user-2842722 a.chatUser::after { /* Blackstone */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/qMMXRrZf/Blackstone.png) 0 0 no-repeat; background-size: 35px; } .user-2884515 a.chatUser::after { /* Ангел_Ок */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/66741QSp/image.jpg) 0 0 no-repeat; background-size: 35px; } .user-2882784 a.chatUser::after { /* андрейдругюзера */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/pX4w41hg/image.png) 0 0 no-repeat; background-size: 35px; } .user-2880663 a.chatUser::after { /* жека */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/T3WN6XpB/jeka.png) 0 0 no-repeat; background-size: 35px; } .user-2884465 a.chatUser::after { /* maniak - ☆~\starligh\~☆ - Color_of_fear♤ - Minho - Killer_girl♤ - Star_girl~☆ */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/13mc5mH7/maniak.png) 0 0 no-repeat; background-size: 35px; } .user-368009 a.chatUser::after { /* Роза Зеленая */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/15QCcbbv/rozazel.png) 0 0 no-repeat; background-size: 35px; } .user-2881403 a.chatUser::after { /* Dynazty */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/m2CxH3BY/Dynazty.jpg) 0 0 no-repeat; background-size: 35px; } .user-2883012 a.chatUser::after { /* Миледи - Звездочка - Солнышко */ visibility: visible; content:''; position: absolute; right: 5px; width: 32px; height: 32px; background: transparent url(https://reklama-no.ru/smiles/sunny.gif) 0 0 no-repeat; background-size: 32px; } .user-2878619 a.chatUser::after { /* VideoMasteress */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/zBjzq7M3/Video-Masteress.png) 0 0 no-repeat; background-size: 35px; } .user-2884456 a.chatUser::after { /* Шура */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://st1.chatovod.ru/a/2025/12_06/7/2884456_b1765047930889.jpg) 0 0 no-repeat; background-size: 35px; } .user-2056213 a.chatUser::after { /* лионсио */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/LXxxp8nZ/lionsio.png) 0 0 no-repeat; background-size: 35px; } .user-2881913 a.chatUser::after { /* RedMary */ visibility: visible; content:''; position: absolute; right: 5px; width: 37px; height: 37px; background: transparent url(https://i.postimg.cc/QtPR9Fp7/Red-Mary.png) 0 0 no-repeat; background-size: 37px; } .user-2882019 a.chatUser::after { /* Голдик */ visibility: visible; content:''; position: absolute; right: 5px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/K8rMPCBX/nissan.png) 0 0 no-repeat; background-size: 35px; } .user-2857309 a.chatUser::after { /* OccultPig */ visibility: visible; content:''; position: absolute; right: 10px; width: 40px; height: 40px; background: transparent url(https://i.postimg.cc/L8rwvfgT/Occult-Pig.png) 0 0 no-repeat; background-size: 40px; } .user-2881488 a.chatUser::after { /* ЛенаБлог */ visibility: visible; content:''; position: absolute; right: 10px; width: 40px; height: 40px; background: transparent url(https://i.postimg.cc/NjRD69wT/Lenablog.png) 0 0 no-repeat; background-size: 40px; } .user-2832980 a.chatUser::after { /* Евгеша */ visibility: visible; content:''; position: absolute; right: 10px; width: 40px; height: 40px; background: transparent url(https://i.postimg.cc/RVzCXh65/eugesha.png) 0 0 no-repeat; background-size: 40px; } .user-2881672 a.chatUser::after { /* Schmetterling - Рыбка Дори */ visibility: visible; content:''; position: absolute; right: 10px; width: 40px; height: 40px; background: transparent url(https://allwebs.ru/images/2025/06/15/08c0de23124c5769977fdd541203f949.gif) 0 0 no-repeat; background-size: 40px; } .user-2884306 a.chatUser::after { /* fatimka 2 */ visibility: visible; content:''; position: absolute; right: 10px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/QC4qxb38/fatimka2.png) 0 0 no-repeat; background-size: 35px; } .user-2712092 a.chatUser::after { /* Айви */ visibility: visible; content:''; position: absolute; right: 10px; width: 35px; height: 35px; background: transparent url(https://i.postimg.cc/hPR7tZkX/Ajvi.png) 0 0 no-repeat; background-size: 35px; } input[type="submit" i] { background-image: url(https://i.makeagif.com/media/2-09-2015/qePsRi.gif); background-size: 100%; text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #ffffff; border-radius: 15px; width: 130px; height: 26px; } .chatSendLinksPanel a.chatLinkModerate:hover { -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .chatSendLinksPanel a.chatLinkModerate:hover { border-radius: 40px; -webkit-transform: rotate(-360deg) scaleX(1.25) scaleY(1.25); -moz-transform: rotate(-360deg) scaleX(1.25) scaleY(1.25); -o-transform: rotate(-360deg) scaleX(1.25) scaleY(1.25); -ms-transform: rotate(-360deg) scaleX(1.25) scaleY(1.25); transform: rotate(-360deg) scaleX(1.25) scaleY(1.25); box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5 inset; border-radius: 50px; } .chatSendLinksPanel a.chatLinkModerate: { -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .chatSendLinksPanel a.chatLinkModerate: { border-radius: 50px; -webkit-transform: rotate(360deg) scaleX(1.25) scaleY(1.25); -moz-transform: rotate(360deg) scaleX(1.25) scaleY(1.25); -o-transform: rotate(360deg) scaleX(1.25) scaleY(1.25); -ms-transform: rotate(360deg) scaleX(1.25) scaleY(1.25); transform: rotate(360deg) scaleX(1.25) scaleY(1.25); box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5 inset; border-radius: 50%; } .chatUserSex1 b, .chatUserSex2 b, .chatUserSex0 b { transition: transform 4s ease-in-out; } .chatUserSex1 b:hover, .chatUserSex2 b:hover, .chatUserSex0 b:hover { transform: rotate(1440deg); } .chatHeader .chatTitle { transition: all .3s ease-in-out; font-size: 16px; margin-top: 16px; margin-left: 40px; text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 5px #4994f5, 0 0 6px #4994f5; -webkit-animation: pulses 4s infinite ease-in-out; -o-animation: pulses 4s infinite ease-in-out; -ms-animation: pulses 4s infinite ease-in-out; -moz-animation: pulses 4s infinite ease-in-out; animation: pulses 4s infinite ease-in-out; } @-webkit-keyframes pulses { 0% { -webkit-transform: scale(0.9); opacity: 0.5;} 50% { -webkit-transform: scale(1.2); opacity: 1;} 100% { -webkit-transform: scale(0.9); opacity: 0.5;} } @-webkit-keyframes pulses2 { 0% { -webkit-transform: scale(0.8); opacity: .4; filter: blur(2px); } 50% { -webkit-transform: scale(1.25); opacity: 1; filter: blur(0px); text-shadow: 0 0 1px #FFF, 0 0 3px #FFF, 4px 0 4px #FFF, -4px 0 4px #FFF, 0 -6px 5px #FFF;} 100% { -webkit-transform: scale(0.8); opacity: .4; filter: blur(2px); } } .chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel { right: 8px; top: 30px; height: 24px; width: 24px; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #4994f5, 0 0 5px #4994f5, 0 0 6px #4994f5, 0 0 7px #4994f5, 0 0 8px #4994f5, 0 0 10px #4994f5; border-radius: 3px; border: 1px; box-sizing: border-box; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; -ms-transition: all .9s ease; transition: all .9s ease; -webkit-animation: chatPeopleTitleOn .9s ease; } .chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a span { display: none; } .chatFooter .chatFooterWrapper .chatPanel div .chatSoundPanel { width: 85px; height: 85px; right: 1px; bottom: 1px; } .chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a { background: transparent url(https://i.postimg.cc/YCPLcksd/sound-ON.gif) no-repeat 0 0; background-size: 100%; background-repeat: no-repeat; background-position: right top; height: 24px; padding-left: 24px; transition: all 1s ease; transform: rotate(180deg); } .chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a.muted { background: transparent url(https://i.postimg.cc/RZYJr9DG/sound-OFF.gif) no-repeat 0 0; background-size: 100%; background-repeat: no-repeat; background-position: right top; height: 24px; transition: all 1s ease; transform: rotate(-180deg); } .chatFooter .chatFooterWrapper .chatPanel .chatSendTextPanel { right: 250px; } .chatFooter .chatFooterWrapper .chatPanel .chatSendButtonPanel { right: 161px; } .chatFooter .chatFooterWrapper .chatPanel .chatSendExitPanel { position: absolute; width: 115px; top: 30px; right: 40px; } .chatFooter .chatFooterWrapper .chatPanel .chatSendButtonPanel .chatSendButton { height: 24px; } /*.chatUserSex1 b*/ .chatPeople ul.chatPeopleList li a.chatUserSex1 b { background: transparent url(https://reklama-no.ru/smiles/koshechka4.gif); background-repeat: no-repeat; background-position: center top; border-radius: 5px; box-size: 26px 26px; box-shadow: 0 0 1px rgba(50, 80, 255, .8), 0 0 2px rgba(50, 80, 255, .8), 0 0 3px rgba(50, 80, 255, .8), 0 0 4px rgba(50, 80, 255, .8), 0 0 5px rgba(50, 80, 255, .8), 0 0 6px rgba(50, 80, 255, .8), 0 0 7px rgba(50, 80, 255, .8), 0 0 8px rgba(50, 80, 255, .8) inset; transform: rotation(45deg); } /*.chatUserSex2 b*/ .chatPeople ul.chatPeopleList li a.chatUserSex2 b { background: transparent url(https://reklama-no.ru/smiles/koshechka3.gif); background-repeat: no-repeat; background-position: center top; border-radius: 5px; box-size: 26px 26px; box-shadow: 0 0 1px rgba(255, 53, 45, .7), 0 0 2px rgba(255, 53, 45, .7), 0 0 3px rgba(255, 53, 45, .7), 0 0 4px rgba(255, 53, 45, .7), 0 0 5px rgba(255, 53, 45, .7), 0 0 6px rgba(255, 53, 45, .7), 0 0 7px rgba(255, 53, 45, .7), 0 0 8px rgba(255, 53, 45, .7) inset; transform: rotation(45deg); } /*.chatUserSex0 b*/ .chatPeople ul.chatPeopleList li a.chatUserSex0 b { background: transparent url(https://st1.chatovod.ru/i/sm/vip_430.gif); background-repeat: no-repeat; background-position: center center; border-radius: 5px; box-size: 26px 26px; box-shadow: 0 0 1px rgba(50, 50, 50, .8), 0 0 2px rgba(50, 50, 50, .8), 0 0 3px rgba(50, 50, 50, .8), 0 0 4px rgba(50, 50, 50, .8), 0 0 5px rgba(50, 50, 50, .8), 0 0 6px rgba(50, 50, 50, .8), 0 0 7px rgba(50, 50, 50, .8), 0 0 8px rgba(50, 50, 50, .8) inset; transform: rotation(45deg); } .chatUserSex1 b, .chatUserSex2 b, .chatUserSex0 b { width: 24px; height: 24px; padding-left: 0px; transform: rotation(-45deg); } .chatUserMenu { width: 180px; padding-top: 15px; padding-right: 5px; } .chatPeople ul.chatPeopleList li .chatUserMenu .chatUserMenuItems ul li a { text-decoration: none; padding-left: 25px; background-position: left 5px center; transition: .4s ease; } .chatPeople ul.chatPeopleList li .chatUserMenu .chatUserMenuItems ul li a:hover { text-decoration: none; padding-left: 12px; background-position: right -30px center; transition: .35s ease; transform: scaleX(1.3) scaleY(1.3); text-shadow: 0 0 1px #0902c4, 0 0 2px #0902c4, 0 0 3px #0902c4, 0 0 4px #0902c4, 0 0 5px #0902c4, 0 0 6px #0902c4; color: #edfbff; } .chatTopLineWrapper > ul > li > ul > li > a { font-weight: bold; } #chatMainMenuChat > li:nth-child(1), #chatMainMenuChat > li:nth-child(2), #chatMainMenuChat > li:nth-child(3), #chatMainMenuChat > li:nth-child(4), #chatMainMenuChat > li:nth-child(5), #chatMainMenuChat > li:nth-child(6), #chatMainMenuChat > li:nth-child(7), #chatMainMenuChat > li:nth-child(8), #chatMainMenuProfile > li:nth-child(1), #chatMainMenuProfile > li:nth-child(2), #chatMainMenuProfile > li:nth-child(3), #chatMainMenuProfile > li:nth-child(4), #chatMainMenuProfile > li:nth-child(5), #chatMainMenuProfile > li:nth-child(6), #chatMainMenuProfile > li:nth-child(7), #chatMainMenuProfile > li:nth-child(8), #chatMainMenuChatovod > li:nth-child(1), #chatMainMenuChatovod > li:nth-child(2), #chatMainMenuChatovod > li:nth-child(3) { -webkit-animation: perevorot .5s ease-in-out; -o-animation: perevorot .5s ease-in-out; -ms-animation: perevorot .5s ease-in-out; -moz-animation: perevorot .5s ease-in-out; animation: perevorot .5s ease-in-out; } #chatMainMenuChat > li:nth-child(1):hover, #chatMainMenuChat > li:nth-child(2):hover, #chatMainMenuChat > li:nth-child(3):hover, #chatMainMenuChat > li:nth-child(4):hover, #chatMainMenuChat > li:nth-child(5):hover, #chatMainMenuChat > li:nth-child(6):hover, #chatMainMenuChat > li:nth-child(7):hover, #chatMainMenuChat > li:nth-child(8):hover, #chatMainMenuProfile > li:nth-child(1):hover, #chatMainMenuProfile > li:nth-child(2):hover, #chatMainMenuProfile > li:nth-child(3):hover, #chatMainMenuProfile > li:nth-child(4):hover, #chatMainMenuProfile > li:nth-child(5):hover, #chatMainMenuProfile > li:nth-child(6):hover, #chatMainMenuProfile > li:nth-child(7):hover, #chatMainMenuProfile > li:nth-child(8):hover, #chatMainMenuChatovod > li:nth-child(1):hover, #chatMainMenuChatovod > li:nth-child(2):hover, #chatMainMenuChatovod > li:nth-child(3):hover { -webkit-animation: perevorot1 .5s ease-in-out; -o-animation: perevorot1 .5s ease-in-out; -ms-animation: perevorot1 .5s ease-in-out; -moz-animation: perevorot1 .5s ease-in-out; animation: perevorot1 .5s ease-in-out; } #chatMainMenuChat > li:nth-child(1):hover, #chatMainMenuChat > li:nth-child(2):hover, #chatMainMenuChat > li:nth-child(3):hover, #chatMainMenuChat > li:nth-child(4):hover, #chatMainMenuChat > li:nth-child(5):hover, #chatMainMenuChat > li:nth-child(6):hover, #chatMainMenuChat > li:nth-child(7):hover, #chatMainMenuChat > li:nth-child(8):hover, #chatMainMenuProfile > li:nth-child(1):hover, #chatMainMenuProfile > li:nth-child(2):hover, #chatMainMenuProfile > li:nth-child(3):hover, #chatMainMenuProfile > li:nth-child(4):hover, #chatMainMenuProfile > li:nth-child(5):hover, #chatMainMenuProfile > li:nth-child(6):hover, #chatMainMenuProfile > li:nth-child(7):hover, #chatMainMenuProfile > li:nth-child(8):hover, #chatMainMenuChatovod > li:nth-child(1):hover, #chatMainMenuChatovod > li:nth-child(2):hover, #chatMainMenuChatovod > li:nth-child(3):hover { background: transparent url(https://san2.ru/smiles/cat.gif); background-repeat: no-repeat; background-position: right center; } option[value="ONLINE"] { background: #4994f5; color: #edfbff; font-weight: bold; } option[value="AWAY"] { background: #ebf5fa; font-weight: bold; } option[value="DND"] { background: #ebf5fa; font-weight: bold; } option[value="CUSTOM"] { background: #ffffff; font-weight: bold; } option[value="EXIT"] { background: #a3d3ff; color: #000; font-weight: bold; } .chatActionDialog { border: 5px; border-radius: 500px; } .login-form input[type=text], .login-form input[type=password] { width: 100%; box-sizing: border-box; padding: 4px 6px; border: 4px solid #ccc; border-radius: 5px; } #join-buttons { width: 70%; padding-left: 15%; } .msi:hover { float: left; background: url(https://i.postimg.cc/MGYCc8VX/msih.png) no-repeat top left; width: 16px; height: 16px; } .msi_application_double:hover { background-position: 0 0; } .msi_coins:hover { background-position: 0 -32px; } .msi_cross:hover { background-position: 0 -64px; } .msi_group:hover { background-position: 0 -96px; } .msi_hourglass:hover { background-position: 0 -128px; } .msi_ignore:hover { background-position: 0 -160px; } .msi_layout_add:hover { background-position: 0 -192px; } .msi_phone:hover { background-position: 0 -224px; } .msi_photos:hover { background-position: 0 -256px; } .msi_report:hover { background-position: 0 -288px; } .msi_script:hover { background-position: 0 -320px; } .msi_shield: hover{ background-position: 0 -352px; } .msi_transmit_blue:hover { background-position: 0 -384px; } .msi_vcard:hover { background-position: 0 -416px; } .msi_vcard_add:hover { background-position: 0 -448px; } .msi_vcard_edit:hover { background-position: 0 -480px; } .msi_wand:hover { background-position: 0 -512px; } .chatPopupMenuDiv2:active { height: 2px; z-index: 0; } .chatPopupMenuDiv2 .chatPopupMenuContent { padding: 6px 10px 1px 10px; }