.emoji-picker-icon {
position: absolute;
right: 1px;
bottom: -26px;
padding: 5px 8px 5px 9px;
border: 1px solid #ADADAD;
border-right: none;
border-bottom: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
background: #F1F1F1;
color: #555555;
cursor: pointer;
text-align: center;
font-size: 16px;
width: 33px;
height: 27px;
z-index: 1;
}
.emoji-wysiwyg-editor {
padding: 6px 10px;
border: 1px solid #ADADAD;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #C5C5C5;
color: #333333;
overflow: hidden;
overflow-y: auto;
outline: none;
resize: none;
word-break: break-all;
word-break: break-word;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 18px;
max-width: 410px;
height: 200px;
}
.emoji-wysiwyg-editor:empty:before {
content: attr(placeholder);
color: #FFFFFF;
}
.emoji-wysiwyg-editor:active:before,
.emoji-wysiwyg-editor:focus:before {
content: none;
}
.emoji-wysiwyg-editor.parent-has-scroll {
padding-right: 25px;
}
.emoji-wysiwyg-editor.single-line-editor {
min-height: 35px;
height: inherit;
}
.emoji-wysiwyg-editor img {
margin: -3px 0 0 0;
vertical-align: middle;
width: 20px;
height: 20px;
}
.emoji-menu {
position: absolute;
right: 0;
margin: 29px 0 0 0;
border: 1px solid #ADADAD;
-webkit-box-shadow: 0 0 3px #959595;
-moz-box-shadow: 0 0 3px #959595;
box-shadow: 0 0 3px #959595;
background: #FFFFFF;
width: 100%;
}
.emoji-items-wrap1 {
padding: 5px 0 0 5px;
}
.emoji-items-wrap1 .emoji-menu-tabs {
border-bottom: 1px solid #C2C2C2;
width: 100%;
}
.emoji-items-wrap1 .emoji-menu-tabs td {
text-align: center;
}
.emoji-menu-tabs .emoji-menu-tab {
border: 0;
background: url("../images/IconsetSmiles.png") no-repeat;
background-size: 42px 350px;
cursor: pointer;
display: inline-block;
width: 24px;
height: 29px;
}
.is_1x .emoji-menu-tabs .emoji-menu-tab {
background-image: url("../images/IconsetSmiles_1x.png");
}
.emoji-menu-tabs .icon-recent { background-position: -9px -306px; }
.emoji-menu-tabs .icon-recent-selected { background-position: -9px -277px; }
.emoji-menu-tabs .icon-smile { background-position: -9px -34px; }
.emoji-menu-tabs .icon-smile-selected { background-position: -9px -5px; }
.emoji-menu-tabs .icon-flower { background-position: -9px -145px; }
.emoji-menu-tabs .icon-flower-selected { background-position: -9px -118px; }
.emoji-menu-tabs .icon-bell { background-position: -9px -89px; }
.emoji-menu-tabs .icon-bell-selected { background-position: -9px -61px; }
.emoji-menu-tabs .icon-car { background-position: -9px -196px; }
.emoji-menu-tabs .icon-car-selected { background-position: -9px -170px; }
.emoji-menu-tabs .icon-grid { background-position: -9px -248px; }
.emoji-menu-tabs .icon-grid-selected { background-position: -9px -222px; }
.emoji-menu-tabs .icon-smile,
.emoji-menu-tabs .icon-flower,
.emoji-menu-tabs .icon-bell,
.emoji-menu-tabs .icon-car,
.emoji-menu-tabs .icon-grid {
opacity: 0.7;
}
.emoji-menu-tabs .icon-smile:hover,
.emoji-menu-tabs .icon-flower:hover,
.emoji-menu-tabs .icon-bell:hover,
.emoji-menu-tabs .icon-car:hover,
.emoji-menu-tabs .icon-grid:hover {
opacity: 1;
}
.emoji-menu .emoji-items-wrap {
position: relative;
overflow-y: scroll;
max-height: 144px;
min-height: 110px;
}
.emoji-menu .emoji-items {
margin: 4px 0 0 0;
padding-right: 8px;
outline: 0 !important;
}
.emoji-menu img {
border: 0 none;
vertical-align: middle;
width: 20px;
height: 20px;
}
.emoji-menu .emoji-items a {
float: left;
margin: -1px 0 0 -1px;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.emoji-menu .emoji-items a:hover {
background: #F1F1F1;
}
.emoji-menu:after {
content: " ";
display: block;
clear: left;
}
.emoji-menu a .label {
display: none;
}