12 |
- .emojionearea,.emojionearea.form-control{display:block;width:100%;height:auto;padding:0;font-size:14px;background-color:#fff;background-image:none;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;-o-transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;-webkit-transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.emojionearea.focused{border-color:#66afe9;outline:0;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.emojionearea .emojionearea-editor{display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;min-height:8em;max-height:15em;overflow:auto;padding:6px 12px;line-height:1.42857143;font-size:inherit;color:#555;background-color:inherit;background-image:none;border:0;cursor:text;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.emojionearea .emojionearea-editor:empty:before{content:attr(placeholder);display:block}.emojionearea .emojionearea-editor:focus{border:0;outline:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.emojionearea .emojionearea-editor [class*=emojione-],.emojionearea .emojionearea-editor .emojione{font-size:inherit;height:2ex;width:2.1ex;min-height:20px;min-width:20px;display:inline-block;margin:-.2ex .15em .2ex;line-height:normal;vertical-align:middle;max-width:100%;top:0}.emojionearea .emojionearea-filters{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#e5e5e5;width:100%;height:46px;position:relative;overflow:hidden}.emojionearea .emojionearea-filters .emojionearea-filter{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;top:0 !important;margin:0;width:32px;height:32px;width:28px;height:28px;display:inline-block;background-color:#e5e5e5;border:9px solid #e5e5e5;border-left-width:14px;border-right-width:14px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7}.emojionearea .emojionearea-filters .emojionearea-filter i,.emojionearea .emojionearea-filters .emojionearea-filter img{display:block;width:28px;height:28px;top:0;margin:0}.emojionearea .emojionearea-filters .emojionearea-filter:hover{background-color:#f2f2f2;border-color:#f2f2f2;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);opacity:0.9}.emojionearea .emojionearea-filters .emojionearea-filter.active{background-color:#f9f9f9;border-color:#f9f9f9;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}.emojionearea .emojionearea-filters .emojionearea-filters-scroll{height:46px;overflow:hidden;width:10000%;display:block;left:0;margin:0;position:absolute;-moz-transition:left 0.25s ease-in-out;-o-transition:left 0.25s ease-in-out;-webkit-transition:left 0.25s ease-in-out;transition:left 0.25s ease-in-out}.emojionearea .emojionearea-filters .emojionearea-filter-arrow-left,.emojionearea .emojionearea-filters .emojionearea-filter-arrow-right{display:block;width:22px;height:46px;position:absolute;top:0;-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.2);box-shadow:0px 0px 2px rgba(0,0,0,0.2);background:#e5e5e5;z-index:1}.emojionearea .emojionearea-filters .emojionearea-filter-arrow-left:hover,.emojionearea .emojionearea-filters .emojionearea-filter-arrow-right:hover{background:#f2f2f2}.emojionearea .emojionearea-filters .emojionearea-filter-arrow-left:after,.emojionearea .emojionearea-filters .emojionearea-filter-arrow-right:after{content:"";width:0;height:0;border-style:solid;border-width:5px 0;border-color:transparent;position:absolute;top:18px}.emojionearea .emojionearea-filters .emojionearea-filter-arrow-left.disabled,.emojionearea .emojionearea-filters .emojionearea-filter-arrow-right.disabled{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.emojionearea .emojionearea-filters .emojionearea-filter-arrow-left{-moz-transition:left 0.15s ease-in-out;-o-transition:left 0.15s ease-in-out;-webkit-transition:left 0.15s ease-in-out;transition:left 0.15s ease-in-out;left:-30px;border-right:1px solid #c9c9c9}.emojionearea .emojionearea-filters .emojionearea-filter-arrow-left:after{left:6px;border-right:8px solid #333}.emojionearea .emojionearea-filters .emojionearea-filter-arrow-left.disabled:after{border-right-color:#aaa}.emojionearea .emojionearea-filters .emojionearea-filter-arrow-right{-moz-transition:right 0.15s ease-in-out;-o-transition:right 0.15s ease-in-out;-webkit-transition:right 0.15s ease-in-out;transition:right 0.15s ease-in-out;right:-30px;border-left:1px solid #c9c9c9}.emojionearea .emojionearea-filters .emojionearea-filter-arrow-right:after{right:6px;border-left:8px solid #333}.emojionearea .emojionearea-filters .emojionearea-filter-arrow-right.disabled:after{border-left-color:#aaa}.emojionearea.focused .emojionearea-filters .emojionearea-filter-arrow-left.active{left:0}.emojionearea.focused .emojionearea-filters .emojionearea-filter-arrow-right.active{right:0}.emojionearea .emojionearea-tabs{padding:0;background:#f9f9f9;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.emojionearea .emojionearea-tabs [class*=emojione-]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;margin:0;width:24px;height:24px;top:0}.emojionearea .emojionearea-tabs .emojionearea-tab{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px 4px 4px 10px;max-height:136px;overflow:auto}.emojionearea .emojionearea-tabs .emojionearea-tab .emojibtn{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;width:24px;height:24px;float:left;display:block;margin:1px;padding:3px}.emojionearea .emojionearea-tabs .emojionearea-tab .emojibtn:hover{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background-color:#e4e4e4;cursor:pointer}.emojionearea .emojionearea-tabs .emojionearea-tab .emojibtn i,.emojionearea .emojionearea-tabs .emojionearea-tab .emojibtn img{float:left;display:block;width:24px;height:24px}.emojionearea .emojionearea-editor+.emojionearea-filters,.emojionearea .emojionearea-editor+.emojionearea-tabs,.emojionearea .emojionearea-filters+.emojionearea-editor,.emojionearea .emojionearea-tabs+.emojionearea-editor{border-top:1px solid #cfcfcf}
|