-
Notifications
You must be signed in to change notification settings - Fork 73
/
litewebchatinput.min.css
1 lines (1 loc) · 2.17 KB
/
litewebchatinput.min.css
1
.lite-chatbox{height:calc(100% - 150px)}.lite-chatbox>div:last-child{margin-bottom:20px}.lite-chatinput img{max-width:150px;max-height:150px;object-fit:contain}.lite-chatinput{width:100%;height:150px;position:relative;bottom:0;background-color:#fff}.lite-chatinput .boundary{cursor:s-resize;margin:0 auto;border-width:1px 0 0 0;border-color:rgba(0,0,0,.2);height:5px;background:#fff}.lite-chatinput>.chatinput{position:relative;overflow-y:scroll;width:calc(100% - 6px);margin:auto;height:calc(100% - 75px);border:none;outline:0;resize:none;font-size:20px;word-break:break-all;overflow-wrap:break-word;padding:5px;outline:0}.lite-chatinput .send{float:right;padding:4px 20px 4px 20px;margin-right:40px;color:#fff;background:-webkit-linear-gradient(70deg,#3fd1e1 0,#44d7cd 100%);background:linear-gradient(20deg,#3f8fe1cc 0,#44d7c9 100%);-webkit-box-shadow:5px 5px 15px 0 rgba(102,102,102,.1);box-shadow:5px 5px 15px 0 rgba(102,102,102,.1);border:none;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}.lite-chatinput .send:hover{background:-webkit-linear-gradient(70deg,#3fd1e1 0,#44d7cd 60%);background:linear-gradient(20deg,#3f8fe1cc 0,#44d7c9 60%)}.lite-chatinput .send:active{background:-webkit-linear-gradient(70deg,#3fd1e1 0,#44d7cd 120%);background:linear-gradient(20deg,#3f8fe1cc 0,#44d7c9 120%)}.lite-chatinput .tool-button{padding:0 3px 0 3px;background:0 0;border:none;margin:5px;margin-bottom:0}.lite-chatinput .tool-button:hover{background:#f1f1f1}.lite-chatinput .tool-button:active{background:#e6e6e6}.lite-chatinput .tool-button path{fill:#8b8799}.lite-chatinput .tool-button svg{width:18px}.lite-chatbox-tool{position:absolute;margin-left:3px;z-index:3}#toolMusk{position:absolute;width:100vw;height:100vh;top:0;left:0;z-index:2}.float-left{float:left}.float-right{float:right}.lite-chatbox,.lite-chatinput>.chatinput,.scroll{scrollbar-width:thin;scrollbar-color:rgba(144,147,153,.3) rgba(144,147,153,.05)}::-webkit-scrollbar{width:10px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(144,147,153,.3);border:0}::-webkit-scrollbar-track{background:#fff;min-height:50%;min-height:20px;border-radius:8px}::-webkit-scrollbar-corner{background-color:transparent}