reactjs-chatapp/kemoji/css/emoji.min.css

Most popular chat component for react!

.KEmoji_Block{display:inline-block;position:relative;margin:0 auto;text-align:left}.KEmoji_Block .KEmoji_Input{display:block;position:relative;width:100%;height:100%}.KEmoji_Block .KEmoji_Input>div[contenteditable=true]{display:block;position:relative;z-index:10;box-sizing:border-box;height:100%;padding:10px 20px 10px 10px;background:#fff;outline:0;border-radius:4px 4px 0 0;line-height:16px;overflow-x:hidden;overflow-y:auto}.KEmoji_Block .KEmoji_Input>div[contenteditable=true] img{display:inline-block;vertical-align:middle;height:16px;margin:0 4px}.KEmoji_Block .KEmoji_Clear{clear:both}.KEmoji_Block .KEmoji_Cont{display:none;position:absolute;height:200px;border:1px solid #ccc;border-radius:4px}.KEmoji_Block .KEmoji_Cont::after{content:'';position:absolute;top:-10px;right:25px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff}.KEmoji_Block .KEmoji_Cont>div{background:#fff;width:280px;height:200px;padding:5px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.KEmoji_Block .KEmoji_Cont .KEmoji_Smile{float:left;padding:1px;cursor:pointer}.KEmoji_Block .KEmoji_Cont .KEmoji_Smile>div{width:26px;height:26px;line-height:26px;text-align:center}.KEmoji_Block .KEmoji_Cont .KEmoji_Smile>div img{margin-top:5px}.KEmoji_Block .KEmoji_Cont .KEmoji_Smile>div:hover{background:#ccc;border-radius:2px}.KEmoji_Block .KEmoji_TollBar{width:100%;height:30px;background:#eee;position:relative;border-radius:0 0 4px 4px}.KEmoji_Block .KEmoji_TollBar .KEmoji_Smiles_Show_Button{float:right;margin-top:5px;margin-right:5px}.KEmoji_Block .KEmoji_TollBar .KEmoji_Smiles_Show_Button>div{width:20px;height:20px;background:url(../img/1.png) 0 0/cover;cursor:pointer}.KEmoji_Submit{position:absolute;right:0;bottom:-30px}.KEmoji_Submit>div{display:inline-block;padding:0 20px;height:30px;line-height:30px;text-align:center;border:1px solid #eee;font-size:12px;cursor:pointer}.KEmoji_Submit>div:hover{border:1px solid #aaf}