service.replybox-large.css
10.1 KB
.wev-replybox-page.out{display:none}.wev-nreply-mask,.wev-nreply-selected-mask,.wev-replybox-page{position:absolute;left:0;bottom:0;top:0;right:0;z-index:2;overflow:hidden}.wev-nreply-mask{-webkit-animation:replybox_bgfadein 250ms;animation:replybox_bgfadein 250ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.wev-nreply-container{position:absolute;left:0;bottom:0;right:0;overflow:hidden;z-index:3}@-webkit-keyframes replybox_bgfadein{from{background-color:transparent}to{background-color:rgba(0,0,0,.1)}}@keyframes replybox_bgfadein{from{background-color:transparent}to{background-color:rgba(0,0,0,.1)}}@-webkit-keyframes replybox_sel_bgfadein{from{background-color:transparent}to{background-color:rgba(0,0,0,.4)}}@keyframes replybox_sel_bgfadein{from{background-color:transparent}to{background-color:rgba(0,0,0,.4)}}.wev-nreply-input{position:relative;padding:5px;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#f1f1f2}.wev-nreply-input textarea{font-family:sans-serif;display:block;width:100%;font-size:14px;margin:0;padding:5px 35px 5px 5px;height:34px;line-height:24px;-moz-box-sizing:border-box;box-sizing:border-box;resize:none;border:none;border-radius:4px;outline:0;-webkit-appearance:none!important;-webkit-tap-highlight-color:transparent!important}.wev-nreply-input textarea[name=hidden]{position:absolute;visibility:hidden}.wev-nreply-input .wev-nreply-send{position:absolute;right:10px;top:0;width:30px;height:30px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-image:url(/mobilemode/mobile/images/plugin/send-disabled.png);background-size:34px;background-repeat:no-repeat;background-position:center center}.wev-nreply-input.wev-nreply-has-value .wev-nreply-send:not(.wev-disabled){background-image:url(/mobilemode/mobile/images/plugin/send-active.png)}.wev-nreply-bar{background-color:#fff}.wev-nreply-bar .wev-nreply-bar-item{height:44px;position:relative;text-align:center}.wev-nreply-bar .wev-nreply-bar-item .wev-nreply-bar-img{position:absolute;width:26px;height:26px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.wev-nreply-bar .wev-nreply-bar-item.wev-nreply-point-red .wev-nreply-bar-img::before,.wev-nreply-relate-panel .wev-nreply-relate-item.wev-nreply-point-red .wev-nreply-relate-item-img::before{content:'';position:absolute;top:-1px;right:0;width:8px;height:8px;background:#fff;border-radius:50%}.wev-nreply-bar .wev-nreply-bar-item.wev-nreply-point-red .wev-nreply-bar-img::after,.wev-nreply-relate-panel .wev-nreply-relate-item.wev-nreply-point-red .wev-nreply-relate-item-img::after{content:'';position:absolute;top:1px;right:1px;width:6px;height:6px;background:#ff5b05;border-radius:50%}.wev-nreply-bar .wev-nreply-bar-item i.icon{display:inline-block;width:26px;height:26px;background-size:26px;background-repeat:no-repeat;background-position:center center}.wev-nreply-bar .wev-nreply-bar-item.emoji i.icon{background-image:url(/mobilemode/mobile/images/plugin/emoji.png)}.wev-nreply-bar .wev-nreply-bar-item.emoji.active i.icon{background-image:url(/mobilemode/mobile/images/plugin/emoji-active.png)}.wev-nreply-bar .wev-nreply-bar-item.picture i.icon{background-image:url(/mobilemode/mobile/images/plugin/picture.png)}.wev-nreply-bar .wev-nreply-bar-item.picture.active i.icon{background-image:url(/mobilemode/mobile/images/plugin/picture-active.png)}.wev-nreply-bar .wev-nreply-bar-item.at i.icon{background-image:url(/mobilemode/mobile/images/plugin/at.png)}.wev-nreply-bar .wev-nreply-bar-item.add i.icon{background-image:url(/mobilemode/mobile/images/plugin/add.png)}.wev-nreply-bar .wev-nreply-bar-item.add.active i.icon{background-image:url(/mobilemode/mobile/images/plugin/add-active.png)}.wev-nreply-panel{display:none;height:228px;background-color:#fff;border-top:1px solid #f1f1f2}.wev-nreply-emoji-panel .wev-nreply-slide-wrap{padding-top:15px}.wev-nreply-emoji-panel .wev-comp-swipe-wrap>div{padding-bottom:15px}.wev-nreply-emoji-panel .wev-comp-swipe-point{padding-bottom:16px}.wev-nreply-emoji-panel .wev-nreply-emoji-row{height:56px;margin:0 10px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.wev-nreply-emoji-panel .wev-nreply-emoji-row .wev-nreply-emoji-item{font-size:32px;text-align:center}.wev-nreply-img-panel{height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.wev-nreply-img-panel .wev-nreply-img-wrapper{padding-top:10px;padding-left:10px}.wev-nreply-img-panel .wev-flex{margin-bottom:10px}.wev-nreply-img-panel .wev-flex-item::after{display:block;content:"";padding-bottom:100%}.wev-nreply-img-panel .wev-flex-item{margin-right:10px}.wev-nreply-img-panel .wev-nreply-img-item{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:100%}.wev-nreply-img-panel div.upload-img{-moz-box-sizing:border-box;box-sizing:border-box;border-radius:3px;border:1px solid #ddd;background-color:#fff}.wev-nreply-img-panel div.upload-img::after,.wev-nreply-img-panel div.upload-img::before{width:1px;height:25px;content:" ";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#999}.wev-nreply-img-panel div.upload-img::after{width:25px;height:1px}.wev-nreply-bar .wev-nreply-bar-item div.upload-img,.wev-nreply-container input[type=file],.wev-nreply-selected-container input[type=file]{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0}.wev-nreply-img-panel .wev-nreply-img-remove{position:absolute;right:0;top:0;width:40px;height:40px}.wev-nreply-img-panel .wev-nreply-img-remove i{position:absolute;width:18px;height:18px;border-radius:18px;top:3px;right:3px;background:rgba(0,0,0,.4) url(/mobilemode/mobile/images/plugin/close.png) no-repeat center/12px}.wev-nreply-img-panel .wev-nreply-img-content{width:100%;height:100%;border-radius:3px;overflow:hidden}.wev-nreply-img-panel .wev-nreply-img-item img{width:100%;min-height:100%}.wev-nreply-relate-panel .wev-nreply-relate-item{width:25%;float:left;padding:16px 0;text-align:center}.wev-nreply-relate-panel .wev-nreply-relate-item .wev-nreply-relate-item-img{position:relative;width:40px;height:40px;margin:0 auto;background-color:#61a8f5;border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.wev-nreply-relate-panel .wev-nreply-relate-item.attach .wev-nreply-relate-item-img{background-color:#f3b04c}.wev-nreply-relate-panel .wev-nreply-relate-item i.icon{display:inline-block;width:24px;height:24px;background-size:24px;background-repeat:no-repeat;background-position:center center}.wev-nreply-relate-panel .wev-nreply-relate-item.document i.icon{background-image:url(/mobilemode/mobile/images/plugin/document.png)}.wev-nreply-relate-panel .wev-nreply-relate-item.workflow i.icon{background-image:url(/mobilemode/mobile/images/plugin/workflow.png)}.wev-nreply-relate-panel .wev-nreply-relate-item.customer i.icon{background-image:url(/mobilemode/mobile/images/plugin/customer.png)}.wev-nreply-relate-panel .wev-nreply-relate-item.project i.icon{background-image:url(/mobilemode/mobile/images/plugin/project.png)}.wev-nreply-relate-panel .wev-nreply-relate-item.attach i.icon{background-image:url(/mobilemode/mobile/images/plugin/attach2.png)}.wev-nreply-relate-panel .wev-nreply-relate-item .wev-nreply-relate-item-text{padding-top:6px;font-size:14px;color:#333;margin:0 auto}.wev-nreply-selected-container{position:fixed;z-index:4;top:0;left:0;margin:0;padding:0;width:100%;height:100%;overflow:hidden;display:none}.wev-nreply-selected-mask{z-index:1;-webkit-animation:replybox_sel_bgfadein .2s;animation:replybox_sel_bgfadein .2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.wev-nreply-selected-content{position:absolute;left:0;bottom:0;height:65%;width:100%;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s;z-index:2;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;background-color:#fff}.wev-nreply-selected-content.hide{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.wev-nreply-selected-content .selected-list-wrapper{position:absolute;top:40px;left:0;bottom:50px;width:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.wev-nreply-selected-content .selected-list-wrapper .delete{position:absolute;width:24px;height:24px;right:15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-size:24px;background-repeat:no-repeat;background-position:center center;background-image:url(/mobilemode/mobile/images/plugin/delete-red.png)}.wev-nreply-selected-content .selected-list-wrapper .wev-table-view-cell{padding-right:40px}.wev-nreply-selected-content .selected-header{background-color:#efeff4;height:40px;text-align:center;position:relative}.wev-nreply-selected-content .selected-header .upload-btn{position:relative;display:inline-block;line-height:40px;padding-left:30px;color:#999;font-size:14px}.wev-nreply-selected-content .selected-header .upload-btn::after,.wev-nreply-selected-content .selected-header .upload-btn::before{width:1px;height:16px;content:" ";position:absolute;top:50%;left:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:#999}.wev-nreply-selected-content .selected-header .upload-btn::after{width:16px;height:1px;left:7px}.wev-nreply-selected-content .selected-footer{position:absolute;left:0;bottom:0;height:50px;width:100%;background-color:#f2f5f7;z-index:3;-moz-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #f0f0f0;padding-right:110px;overflow:hidden}.wev-nreply-selected-content .selected-footer .ok-btn{background-color:var(--themeColor);color:#fff;height:40px;line-height:40px;padding:0 16px;position:absolute;right:5px;top:5px;font-size:18px;border-radius:4px}