@charset “UTF-8”; @import url(maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
span.emoji, span.emoji-inner {
vertical-align: baseline; text-indent: -9999px;
} open-emoji-panel img:hover, .emoji-menu-tabs .emoji-menu-tab:hover, .emoji-picker-icon:hover,
- role=button
-
{
cursor: pointer;
} .img-responsive, .img-thumbnail, .table, label {
max-width: 100%;
} .nano {
position: relative; width: 100%; height: 100%; overflow: hidden;
} .nano > .nano-content, .nano > .nano-pane {
position: absolute; top: 0; right: 0; bottom: 0;
} .nano > .nano-content {
left: 0; overflow: scroll; overflow-x: hidden;
} .nano > .nano-content:focus {
outline: dotted thin;
} .nano > .nano-content::-webkit-scrollbar {
display: none;
} .has-scrollbar > .nano-content::-webkit-scrollbar {
display: block;
} .nano > .nano-pane {
visibility: hidden\9; width: 10px; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; opacity: .01; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgba(0,0,0,.25);
} .nano > .nano-pane > .nano-slider {
position: relative; margin: 0 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #444; background: rgba(0,0,0,.5);
} .nano-pane.active, .nano-pane.flashed, .nano:hover > .nano-pane {
visibility: visible\9; opacity: .99;
} span.emoji {
display: inline-block; width: 1em; height: 1em; background-repeat: no-repeat; background-size: 1em; -moz-box-orient: vertical;
} span.emoji-sizer {
margin: -2px 0; font-size: 1em; line-height: .81em;
} span.emoji-outer {
display: -moz-inline-box; display: inline-block; width: 1em; height: 1em;
} span.emoji-inner {
display: -moz-inline-box; display: inline-block; width: 100%; height: 100%;
} img.emoji {
width: 1.3em; height: 1.3em;
} .emoji-picker-container {
position: relative; display: inline-block; min-width: 300px;
} .emoji-picker-icon {
position: absolute; top: 0; right: 0; z-index: 100; font-size: 20px; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: none; opacity: .7; color: #9e9e9e; -khtml-user-select: none; -o-user-select: none;
} .emoji-wysiwyg-editor, .form-control {
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
} .emoji-picker-icon:hover {
opacity: 1;
} .emoji-picker-icon.parent-has-scroll {
right: 28px;
} .emoji-wysiwyg-editor:empty:before {
content: attr(placeholder); color: #9aa2ab;
} .emoji-wysiwyg-editor:active:before, .emoji-wysiwyg-editor:focus:before {
content: none;
} .emoji-wysiwyg-editor {
position: relative; height: 30px; max-height: 284px; min-height: 40px; padding: 6px 35px 6px 6px; margin-bottom: 0; overflow: auto; line-height: 17px; resize: both; -webkit-user-select: text; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; word-wrap: break-word; border: 1px solid #d2dbe3; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textarea; -moz-appearance: textfield-multiline;
} .emoji-menu, svg:not(:root) {
overflow: hidden;
} .emoji-wysiwyg-editor.parent-has-scroll {
padding-right: 40px;
} .emoji-wysiwyg-editor.single-line-editor {
height: inherit; min-height: 35px;
} .emoji-wysiwyg-editor img {
width: 20px; height: 20px; margin: -3px 0 0; vertical-align: middle;
} .emoji-menu {
position: absolute; z-index: 999; width: 225px; border: 1px solid #dfdfdf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 1px 1px rgba(0,0,0,.1);
} .emoji-items-wrap1 {
padding: 5px 2px 5px 5px; background: #fff;
} .emoji-items-wrap1 .emoji-menu-tabs {
width: 100%; margin-top: 3px; margin-bottom: 8px;
} .emoji-items-wrap1 .emoji-menu-tabs td {
line-height: 0; text-align: center; color: #fff;
} .emoji-menu-tabs .emoji-menu-tab {
display: inline-block; width: 24px; height: 29px; border: 0; background: image-url("/emoji_picker/IconsetSmiles.png") no-repeat; background-size: 42px 350px;
} .is_1x .emoji-menu-tabs .emoji-menu-tab {
background-image: image-url("/emoji_picker/IconsetSmiles_1x.png");
} .emoji-menu-tabs .emoji-menu-tab {
display: inline-block; width: 24px; height: 29px; border: 0; background: image-url("emoji_picker/IconsetSmiles.png") no-repeat; background-size: 42px 350px;
} .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-bell, .emoji-menu-tabs .icon-car, .emoji-menu-tabs .icon-flower, .emoji-menu-tabs .icon-grid, .emoji-menu-tabs .icon-smile {
opacity: .7;
} .emoji-menu-tabs .icon-bell:hover, .emoji-menu-tabs .icon-car:hover, .emoji-menu-tabs .icon-flower:hover, .emoji-menu-tabs .icon-grid:hover, .emoji-menu-tabs .icon-smile:hover {
opacity: 1;
} .emoji-menu .emoji-items-wrap {
position: relative; height: 174px;
} .emoji-menu .emoji-items {
padding-right: 8px; outline: 0!important;
} .emoji-menu img {
width: 20px; height: 20px; vertical-align: middle; border: 0;
} .emoji-menu .emoji-items a {
display: block; float: left; padding: 5px; margin: -1px 0 0 -1px; border: 0; border-radius: 2px;
} .emoji-menu .emoji-items a:hover {
background-color: #edf2f5;
} .emoji-menu:after {
display: block; clear: left; content: " ";
} .emoji-menu a .label, [hidden], template {
display: none;
} emoji-wrapper {
position: fixed; top: 0; bottom: 0; width: 350px; height: 300px; padding: 4px 1px 0; margin-left: 200px; overflow-x: hidden; overflow-y: scroll; border: 1px solid rgba(0,0,0,.17); background-color: #fff;
} open-emoji-panel img, .emoji, .emoji-basic, .emoji-image, .emoji-show {
width: 20px; height: 20px; vertical-align: middle;
} .label, sub, sup {
vertical-align: baseline;
} .emoji {
margin: 5px;
} emoji-wrapper::-webkit-scrollbar {
width: 12px;
} emoji-wrapper::-webkit-scrollbar-track {
border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
} emoji-wrapper::-webkit-scrollbar-thumb {
border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5);
}