| 1 |
- .g-resize-bar[data-v-5069e800]{position:absolute;bottom:0;margin:17px auto;height:6px;border-radius:3px;width:200px;margin-left:-100px;left:50%;background-color:#a8f9ca;-webkit-box-shadow:0 2px 3px -1px rgba(0,0,0,.3);box-shadow:0 2px 3px -1px rgba(0,0,0,.3)}.g-resize-highlight[data-v-5069e800]{position:absolute;left:0;top:0;height:6px;background-color:#27ae60;border-radius:3px}.circle-btn[data-v-5069e800]{display:block;position:absolute;left:0;top:-5px;width:14px;height:14px;margin-left:-7px;background-color:#fff;border-radius:7px;-webkit-box-shadow:0 2px 3px -2px rgba(0,0,0,.6),0 -2px 3px -2px rgba(0,0,0,.55);box-shadow:0 2px 3px -2px rgba(0,0,0,.6),0 -2px 3px -2px rgba(0,0,0,.55);border-width:0}.g-rotate-bar{position:absolute;bottom:30px;left:0;right:0;text-align:center}.g-rotate-bar .svg-icon{display:inline-block;width:1.2em;height:1.2em;margin:0 2em}.g-crop-image-principal[data-v-3422c8a2]{overflow:hidden;position:relative;background-color:#fff;background-image:-webkit-gradient(linear,left bottom,right top,color-stop(25%,#efefef),color-stop(25%,transparent),color-stop(75%,transparent),color-stop(75%,#efefef),to(#efefef)),-webkit-gradient(linear,left bottom,right top,color-stop(25%,#efefef),color-stop(25%,transparent),color-stop(75%,transparent),color-stop(75%,#efefef),to(#efefef));background-image:linear-gradient(to top right,#efefef 25%,transparent 0,transparent 75%,#efefef 0,#efefef),linear-gradient(to top right,#efefef 25%,transparent 0,transparent 75%,#efefef 0,#efefef);background-position:0 0,10px 10px;background-size:21px 21px}.image-aside[data-v-3422c8a2]{overflow:hidden;position:absolute;right:30px;left:30px;top:70px;bottom:40px;text-align:center}.image-aside .image-wrap[data-v-3422c8a2]{position:absolute;left:0;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:0 3px 5px -2px rgba(0,0,0,.25);box-shadow:0 3px 5px -2px rgba(0,0,0,.25);background-size:cover}.image-mask[data-v-3422c8a2]{position:absolute;left:0;top:0;width:100%;height:100%}.image-mask .mask[data-v-3422c8a2]{position:absolute;background-color:hsla(0,0%,100%,.6)}.crop-box[data-v-3422c8a2]{z-index:2000;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;background:none;cursor:move;width:100px;height:100px;border:1px solid hsla(0,0%,100%,.95)}.crop-box[data-v-3422c8a2]:after,.crop-box[data-v-3422c8a2]:before{content:"";display:block;opacity:0;position:absolute;left:33.3333%;top:0;width:33.334%;height:100%;background-color:transparent;border-color:hsla(0,0%,100%,.7);border-style:solid;border-width:0}.crop-box[data-v-3422c8a2]:active:after,.crop-box[data-v-3422c8a2]:active:before{opacity:1}.crop-box[data-v-3422c8a2]:before{border-left-width:1px;border-right-width:1px}.crop-box[data-v-3422c8a2]:after{top:33.3333%;left:0;height:33.3334%;width:100%;border-top-width:1px;border-bottom-width:1px}.crop-box .g-resize[data-v-3422c8a2]{display:inline-block;z-index:1910;position:absolute;bottom:-8px;right:-8px;width:16px;height:16px;cursor:se-resize;border-radius:10px;background-color:#fff;-webkit-box-shadow:0 2px 4px -2px rgba(0,0,0,.25);box-shadow:0 2px 4px -2px rgba(0,0,0,.25)}.g-core-image-upload-btn{position:relative;overflow:hidden}.g-core-image-upload-form{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;min-height:61px;opacity:0}.g-core-image-upload-form input{width:100%;height:100%}.g-core-image-upload-container{position:absolute;background:#111;z-index:900}.g-core-image-upload-modal{position:absolute;left:0;right:0;width:100%;height:100%;border:1px solid #ccc;z-index:899}.dropped{border:4px solid #ea6153}.g-core-image-corp-container{z-index:1900;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.9);color:#f1f1f1}.g-core-image-corp-container .image-aside{position:absolute;right:30px;left:30px;top:60px;bottom:20px;text-align:center}.g-core-image-corp-container .image-aside img{max-width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.g-core-image-corp-container .info-aside{position:absolute;left:0;right:0;top:0;height:40px;padding-left:10px;padding-right:10px;background:#fefefe;color:#777}.g-core-image-corp-container .btn-groups{text-align:right;margin:5px 0 0}.g-core-image-corp-container .btn{display:inline-block;padding:0 15px;height:32px;margin-left:15px;background:#fff;border:1px solid #ccc;border-radius:2px;font-size:13px;color:#222;line-height:32px;-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.g-core-image-corp-container .btn:hover{border:1px solid #777;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05)}.g-core-image-corp-container .btn:active{background:#ddd}.g-core-image-corp-container .btn:disabled{background:#eee!important;border-color:#ccc;cursor:not-allowed}.g-core-image-corp-container .btn-upload{background:#27ae60;border-color:#27ae60;color:#fff}.g-core-image-corp-container .btn-upload:hover{background:#2dc26c;border-color:#27ae60;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05)}
|
