style.min.css 2.2 KB

12
  1. *{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}body{padding-top:20px}.container{position:relative;padding:20px;border-radius:5px;margin:0 auto;width:600px;background:url("../img/1626160774_64.jpg") center center/cover no-repeat}.container .wrapper-messages{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:500px;width:100%;margin-bottom:20px;overflow-y:scroll}.container .wrapper-messages::-webkit-scrollbar{width:0 !important}.container .wrapper-messages .wrap-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:10px 0}.container .wrapper-messages .wrap-message .nick{padding:5px 10px;text-align:center;background-color:white;min-height:30px;border-radius:3px;font-size:16px;margin-right:30px}.container .wrapper-messages .wrap-message .message{position:relative;padding:5px 10px;border-radius:0px 3px 3px 3px;font-size:16px;text-align:center;background-color:white;position:relative;min-height:30px}.container .wrapper-messages .wrap-message .message:before{content:"";position:absolute;width:20px;height:20px;background-color:#fff;left:-19px;top:0px;-webkit-clip-path:polygon(75% 0, 100% 0, 100% 100%, 98% 82%, 97% 71%, 96% 61%, 94% 50%, 92% 40%, 90% 31%, 87% 21%, 84% 13%, 80% 6%);clip-path:polygon(75% 0, 100% 0, 100% 100%, 98% 82%, 97% 71%, 96% 61%, 94% 50%, 92% 40%, 90% 31%, 87% 21%, 84% 13%, 80% 6%)}.container .wrapper-messages .wrap-message .message .mes-time{text-align:right;font-size:10px;color:cadetblue}.container .wrapper-form{position:relative;width:100%;min-height:50px;background-color:#fff;border-radius:10px}.container .wrapper-form .nick-inp,.container .wrapper-form .message-inp{margin-left:20px;font-size:16px;display:block;border:none;width:400px;height:40px;outline:none}.container .wrapper-form img{position:absolute;width:30px;height:30px;right:10px;bottom:10px}.hr{background-color:#e2e2e2;width:85%;margin-left:20px;height:1px}.mes-date{text-align:center;color:#dbdbdb}
  2. /*# sourceMappingURL=style.min.css.map */