.chat {
border:0;
}
a {
color: #c4c4c4;
}
.chatMain {
background-color:rgba(120,45,14,.7);
background-image: url(https://s8.hostingkartinok.com/uploads/images/2017/09/9567c9c3c64047482524e91ab6826937.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.chatHeader .chatTitle {
text-shadow: none;
}
.chatMain .chatPeople {
border-left: 5px solid #fff;
}
.chatSendLinksPanel a span,
.chatSoundPanel a span,
.chatUserMenuItems a,
.chatTabs a,
.chatPopupMenuContent a {
text-decoration:none!important;
border-bottom:none!important;
}
.chatHeader,
.chatFooter,
.chatTabs > ul > li.chatTab.chatTabActive > a,
.chatTabs > ul > li.chatTab > a:hover,
.chatTabs > ul > li.chatTab > a.active {
background-color: #782D0E;
color:#fff;
}
.chatHeader .chatTitle,
.chatPeopleTitle {
color:#fff;
}
.chatHeader {
background-image: url(https://s8.hostingkartinok.com/uploads/images/2017/09/9567c9c3c64047482524e91ab6826937.jpg);
border-bottom: 0;
height:46px;
}
.chatTopLineWrapper > ul > li > a {
text-shadow: none;
}
.chatFooter {
border-top: 5px solid #fff;
background: #782D0E url(https://s8.hostingkartinok.com/uploads/images/2017/09/9567c9c3c64047482524e91ab6826937.jpg);
}
.chatTabs,
.chatFooter,
.chatPeople {
box-shadow:
0 0 1px rgba(0,0,0,.5) inset,
0 2px 3px rgba(0,0,0,.5) inset,
0 1px 1px rgba(255,255,255,.1);
}
.chatPeopleList {
border-top:1px solid #fff;
}
.chatTabs {
border-bottom:1px solid #fff;
transition:.5s;
}
.chatMain .chatPeople.vscrollable::after {
opacity:0;
position:absolute;
bottom:2px;
right:15px;
content:' ?';
color:#333;
font-size:9px;
}
.chatMain .chatPeople:hover::after {
opacity:1;
}
.chatTabs > ul > li > a,
.chatToUser {
border-radius: 5px;
}
.chatMessageToMe .chatToUser {
padding: 3px 6px;
}
.chatMessages .chatMessage:not(.chatSystemMessage) strong:first-child {
display: block;
background: linear-gradient(90deg, transparent, black, transparent);
text-align: center;
padding: 6px 2px;
font-weight: 400;
color: #fff;
opacity: 0.8;
}
.chatPeopleTitle {
text-align: center;
font-weight: bold;
line-height:3em;
height:33px;
}
.chatUser {
white-space:nowrap;
overflow:hidden;
}
.chatMessages.vscrollable,
.chatPrivateMessages.vscrollable {
right:0;
}
.chatMain .chatPeople {
height:42px;
transition:.5s;
overflow: hidden;
}
.chatMain .chatPeople:hover {
height:99.2%;
background-color:rgba(0,0,0,.6);
}
.chatMain .chatPeople:hover .chatPeopleList {
border-top:0;
}
.chatTabs:hover {
background-color:rgba(0,0,0,.6);
}
.chatSendText,
select,
.chatInputText,
#sign-in-label a,
.dialog-buttons button,
input[type="button"],
input[type="submit"],
input[type="text"] {
outline:none;
}
.chatSendButton,
select,
input[type="button"],
input[type="submit"] {
cursor:pointer;
}
input[type=button],
input[type=submit] {
font-weight: bold;
color: #fff;
text-decoration: none;
text-shadow: 0 -1px rgba(0,0,0,.5);
user-select: none;
border: 1px solid rgb(80,32,0);
border-radius: 5px;
outline: none;
background: rgb(147,80,36) linear-gradient(rgb(106,58,26), rgb(147,80,36) 80%);
box-shadow:
0 6px rgb(86,38,6),
0 3px 15px rgba(0,0,0,.4),
inset 0 1px rgba(255,255,255,.3),
inset 0 0 3px rgba(255,255,255,.5);
transition: .2s;
}
input[type=button]:hover,
input[type=submit]:hover {
background: rgb(167,91,41) linear-gradient(rgb(126,69,31), rgb(167,91,41) 80%);
}
input[type=button]:active,
input[type=submit]:active {
background: rgb(120,63,25) linear-gradient(rgb(120,63,25) 20%, rgb(167,91,41));
box-shadow:
0 2px rgb(86,38,6),
0 1px 6px rgba(0,0,0,.4),
inset 0 1px rgba(255,255,255,.3),
inset 0 0 3px rgba(255,255,255,.5);
-webkit-transform: translate(0, 4px);
transform: translate(0, 4px);
}
.content form {
background: rgba(0,0,0,.4) url(http://madeas.ru/ChaTemplate/bg/coffee_form.png) 0 0 no-repeat;
background-size: 100%;
color: #fff;
width:250px;
height: 140px;
margin-auto;
padding: 35px 30px;
}
.chatPeople ul.chatPeopleList li.hover {
border-top:1px solid rgba(51,51,51,.50);
border-bottom:1px solid rgba(51,51,51,.50);
background-color: rgba(0,0,0,.40);
}
.smilesBox {
border-top:1px solid #CFCFC9;
border-right:1px solid #CFCFC9;
padding:0 3px;
}
.smilesBox p,
.chatPopupMenuContent p {
color:#000;
}
select,
.chatSendText,
.chatInputText,
.chatSpecifyPassword input[type=text],
.chatTopLineWrapper ul > li > a,
.chatTopLine {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.chatHeader .chatTopLine {
border:0;
}
.chatSendText,
.chatInputText,
.chatSpecifyPassword input[type=text] {
box-shadow: inset 0 1px 3px rgba(0,0,0,0.06);
padding: 3px 4px;
}
.chatSendButton {margin-top:-2px;}
.chatMessages.vscrollable,
.chatPrivateMessages.vscrollable {
margin:5px 7px 7px 0;
}
.smilesBox::-webkit-scrollbar,
.chatMessages.vscrollable::-webkit-scrollbar,
.chatPrivateMessages.vscrollable::-webkit-scrollbar {
width: 6px;
}
.smilesBox::-webkit-scrollbar-thumb,
.chatMessages.vscrollable::-webkit-scrollbar-thumb,
.chatPrivateMessages.vscrollable::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #8A5520;
border-radius: 6px;
}
.smilesBox::-webkit-scrollbar-thumb:hover,
.chatMessages.vscrollable::-webkit-scrollbar-thumb:hover,
.chatPrivateMessages.vscrollable::-webkit-scrollbar-thumb:hover {
background-color: #999;
}
.chatFull .transparent {
background: rgba(120,45,14,.7) url(http://madeas.ru/ChaTemplate/bg/bg9.jpg) center center no-repeat;
background-size: cover;
opacity:1;
}
.chatTabsLeft {
left: 0;
background: transparent url(http://madeas.ru/icon/arrow-left.png) no-repeat 2px 12px / 16px 16px;
}
.chatTabsRight {
right: 5px;
background: transparent url(http://madeas.ru/icon/arrow-right.png) no-repeat 2px 12px / 16px 16px;
}
.chatUserAway[title="Не беспокоить"] {
display: none;
}
body:not(.has-nick) .chatTopLine,
body:not(.has-nick) .chatUserMenuPhotos,
body:not(.has-nick) .chatUserMenuGift,
body:not(.has-nick) .chatUserMenuIgnore,
body:not(.has-nick) .chatUserMenuBan {
display: none;
}
body:not(.has-nick) .chatFooter::after {
position: absolute;
content: " ?";
font:normal 10pt Arial;
color: #777;
left: 0;
right: 0;
bottom: 7px;
text-align: center;
}
::selection { background: #FD685B; color: #fff; }
::-moz-selection {
background: #FD685B;
color: #fff;
}
.msi.msi_vcard {background: url('http://madeas.ru/ChaTemplate/icon/icon_user.png')!important;}
.msi.msi_vcard_edit {background: url('http://madeas.ru/ChaTemplate/icon/icon_sett.png')!important;}
.msi.msi_wand {background: url('http://madeas.ru/ChaTemplate/icon/icon_vip2.gif')!important;}
.msi.msi_photos {background: url('http://madeas.ru/ChaTemplate/icon/icon_ava.png')!important;}
.msi.msi_coins {background: url('http://madeas.ru/ChaTemplate/icon/icon_gold.png')!important;}
.msi.msi_ignore {background: url('http://madeas.ru/ChaTemplate/icon/icon_ig.png')!important;}
.chatUserMenuInfo {background: url(http://madeas.ru/ChaTemplate/icon/icon_user.png);}
.chatUserMenuPrivate {background-image: url(http://madeas.ru/ChaTemplate/icon/icon_pm.png);}
.chatUserMenuIgnore {background-image: url(http://madeas.ru/ChaTemplate/icon/icon_ig.png);}
.chatUserMenuBan {background-image: url(http://madeas.ru/ChaTemplate/icon/icon_ban.png);}
.chatTabs ul li.chatTab {
background-color:#2c2e32;
}
.chatTabs ul {padding-top:6px;}
.chatTabs ul li.chatTab .close {
position: absolute;
width: 15px;
height: 15px;
background-color: inherit;
background-image: url(http://madeas.ru/images/pro_check_circle_disabled.svg);
background-repeat: no-repeat;
background-position: center center;
border-radius:50%;
opacity:0;
right: -6px;
top: -6px;
}
.chatTabs ul li.chatTab:hover .close,
.chatTabs ul li.chatTab .close:hover {
opacity:1;
}
.chatTabs ul li.appTab a {
background:none!important;
}
.chatTabs ul li.appTab a::before {
position: absolute;
background: #69606b!important;
border-radius: 50%;
content: '';
width: 4px;
height: 4px;
top: 40%;
left: 6px;
}
#app18832 span {
font-weight: bold;
color: red;
}
#app18809 span {
font-weight: bold;
color: orange;
}
#app18777 span {
font-weight: bold;
color: blue;
}
#app13810 a span,
#chatMainMenuChat > li:nth-child(4) a span {position: relative;}
#app13810 a span::after {
position:absolute;
background: #828282;
width:60px;
height:24px;
padding: 0 15px 0 10px;
top: -5px;
left: -26px;
right: 0;
bottom: 0;
color:#333;
content: ' ';
}
.chatMessages.vscrollable img,
.chatPrivateMessages.vscrollable img {
max-width: 86px;
max-height: 86px;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
vertical-align: top!important;
}
.chatMain .chatMessages img:active,
.chatMain .chatPrivateMessages.vscrollable img:active {
max-width: none!important;
max-height: none!important;
pointer-events: none;
margin-bottom:1px!important;
}
.chatMessageToMe .chatToUser {
background: transparent url(http://madeas.ru/ChaTemplate/img/reply_0.png) ;
font-weight: bold;
font-style:normal;
padding: 3px 0px;
}
a[onclick="return chat.chatSmile(':30:');"],
a[onclick="return chat.chatSmile(':50:');"],
a[onclick="return chat.chatSmile(':vip_90:');"],
a[onclick="return chat.chatSmile(':100:');"],
a[onclick="return chat.chatSmile(':110:');"],
a[onclick="return chat.chatSmile(':60:');"] {
display:block;
pointer-events: none;
}
a[onclick="return chat.chatSmile(':30:');"] img,
a[onclick="return chat.chatSmile(':50:');"] img,
a[onclick="return chat.chatSmile(':vip_90:');"] img,
a[onclick="return chat.chatSmile(':100:');"] img,
a[onclick="return chat.chatSmile(':110:');"] img,
a[onclick="return chat.chatSmile(':60:');"] img {
min-width:320px!important;
overflow: hidden;
}
.smilesBox img {
max-width: 48px;
max-height: 48px;
border:0;
}
.smilesBox img:hover {
background-color: #cccccc;
}
.chatSendLinksPanel .chatLinkProfile {
background: transparent url(//st1.chatovod.ru/i/widget/user_comment.png) 0 0 no-repeat;
}
.chatSendLinksPanel .chatLinkGold {
background: transparent url(http://madeas.ru/ChaTemplate/icon/icon_gold.png) 0 0 no-repeat;
}
.chatSendLinksPanel .chatLinkModerate {
background: transparent url(http://madeas.ru/ChaTemplate/icon/icon_editor.png) 0 0 no-repeat;
}
.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a {
background: url("http://madeas.ru/icon/online.png") 0 0 no-repeat;
animation: pulse 2s infinite;
margin-right:9px;
border-radius: 50%;
padding-left: 15px;
padding-top: 5px;
height: 10px;
font-size:0;
}
.chatFooter .chatFooterWrapper .chatPanel div.chatSoundPanel a.muted {
background: url("http://madeas.ru/icon/offline.png") 0 0 no-repeat;
animation: none;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(34,139,34, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(0,0,0, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(34,139,34, 0.4);
box-shadow: 0 0 0 0 rgba(34,139,34, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(0,0,0, 0);
box-shadow: 0 0 0 10px rgba(0,0,0, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
box-shadow: 0 0 0 0 rgba(0,0,0, 0);
}
}
.chatUserAway[title=" "] {
display: none;
}
.chatMessages.vscrollable img[alt=":vip_st_1:"],
.chatPrivateMessages.vscrollable img[alt=":vip_st_1:"],
.chatMessages.vscrollable img[alt=":vip_st_2:"],
.chatPrivateMessages.vscrollable img[alt=":vip_st_2:"],
.chatMessages.vscrollable img[alt=":vip_st_3:"],
.chatPrivateMessages.vscrollable img[alt=":vip_st_3:"],
.chatMessages.vscrollable img[alt=":vip_st_4:"],
.chatPrivateMessages.vscrollable img[alt=":vip_st_4:"],
.chatMessages.vscrollable img[alt=":vip_st_5:"],
.chatPrivateMessages.vscrollable img[alt=":vip_st_5:"],
.chatMessages.vscrollable img[alt=":vip_st_6:"],
.chatPrivateMessages.vscrollable img[alt=":vip_st_6:"],
.chatMessages.vscrollable img[alt=":vip_st_7:"],
.chatPrivateMessages.vscrollable img[alt=":vip_st_7:"],
.chatMessages.vscrollable img[alt=":vip_st_8:"],
.chatPrivateMessages.vscrollable img[alt=":vip_st_8:"],
.chatMessages.vscrollable img[alt=":vip_st_9:"],
.chatPrivateMessages.vscrollable img[alt=":vip_st_9:"],
.chatMessages.vscrollable img[alt=":vip_st_10:"],
.chatPrivateMessages.vscrollable img[alt=":vip_st_10:"],
.chatMessages.vscrollable img[alt=":vip_st_11:"],
.chatPrivateMessages.vscrollable img[alt=":vip_st_11:"],
.chatMessages.vscrollable img[alt=":vip_st_12:"],
.chatPrivateMessages.vscrollable img[alt=":vip_st_12:"],
.chatMessages.vscrollable img[alt=":vip_st_13:"],
.chatPrivateMessages.vscrollable img[alt=":vip_st_13:"],
.chatMessages.vscrollable img[alt=":vip_st_14:"],
.chatPrivateMessages.vscrollable img[alt=":vip_st_14:"] {
max-width: 132px;
max-height: 132px;
}
/* - */
.chatPeople ul.chatPeopleList li.chatUserAway[title~="Aqua"] {
opacity: 1;
background-color: #76F9F3;
padding: 3px 0 3px 8px;
}
.chatPeople ul.chatPeopleList li.chatUserAway[title~="Safari"] {
opacity: 1;
background-color: #52F7B2;
padding: 3px 0 3px 8px;
}
.chatPeople ul.chatPeopleList li.chatUserAway[title~="Dreams"] {
opacity: 1;
background-color: #FFE8AA;
padding: 3px 0 3px 8px;
}
.chatPeople ul.chatPeopleList li.chatUserAway[title~="Wave"] {
opacity: 1;
background-color: #76b8f9;
padding: 3px 0 3px 8px;
}
.chatPeople ul.chatPeopleList li.chatUserAway[title~="Purple"] {
opacity: 1;
background-color: #B7B9EA;
padding: 3px 0 3px 8px;
}
.chatPeople ul.chatPeopleList li.chatUserAway[title~="Lady"] {
opacity: 1;
background-color: #F5B4F5;
padding: 3px 0 3px 8px;
}
.chatMessage:nth-last-child(3) {
color: hsla(26, 5%, 25%, 1);
font-size: 105%;
}
.chatMessage:nth-last-child(2) {
color: hsla(26, 5%, 50%, 1);
font-size: 110%;
}
.chatMessage:last-child {
color: hsla(26, 5%, 75%, 1);
font-size: 115%
}
.chatMain .chatPeople {
border-left: 1px dotted transparent;
}
.chatMessage.chatSystemMessage.type-login,
.chatMessage.chatSystemMessage.type-login .chatUserFrom span {
color: hsla(26, 5%, 50%, 1)!important;
}
.chatMessage.chatSystemMessage.type-logout,
.chatMessage.chatSystemMessage.type-logout .chatUserFrom span {
color: hsla(26, 5%, 25%, 1)!important;
}
