-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathimage-diff.css
More file actions
9 lines (9 loc) · 7.9 KB
/
image-diff.css
File metadata and controls
9 lines (9 loc) · 7.9 KB
1
2
3
4
5
6
7
8
9
/*!
* Cropper.js v0.8.1
* https://github.com/fengyuanchen/cropperjs
*
* Copyright (c) 2015-2016 Fengyuan Chen
* Released under the MIT license
*
* Date: 2016-09-03T04:55:16.458Z
*/.cropper-container{font-size:0;line-height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr}.cropper-container img{display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%;height:100%;image-orientation:0deg}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75)}.cropper-dashed{position:absolute;display:block;opacity:.5;border:0 dashed #eee}.cropper-dashed.dashed-h{top:33.33333333%;left:0;width:100%;height:33.33333333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.33333333%;width:33.33333333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-center{position:absolute;top:50%;left:50%;display:block;width:0;height:0;opacity:.75}.cropper-center:after,.cropper-center:before{position:absolute;display:block;content:" ";background-color:#eee}.cropper-center:before{top:0;left:-3px;width:7px;height:1px}.cropper-center:after{top:-3px;left:0;width:1px;height:7px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1}.cropper-face{top:0;left:0;background-color:#fff}.cropper-line{background-color:#39f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;opacity:.75;background-color:#39f}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:" ";opacity:0;background-color:#39f}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75}}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{position:absolute;display:block;width:0;height:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}body,html{line-height:1.5;font-size:14px;position:relative;font-family:PingFangSC-Regular,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif!important;word-wrap:break-word;min-height:500px}body,body *,html,html *{box-sizing:border-box}.btn___c-Y9r{color:#fff;background-color:#2db7f5;border-color:#2db7f5;display:inline-block;padding:7px 0 8px;text-align:center;opacity:.8;border:1px solid transparent;border-radius:4px;cursor:pointer;outline:none}.btn___c-Y9r:focus,.btn___c-Y9r:hover{opacity:1;outline:none}.btn___c-Y9r.ghost___3KVhC{background-color:transparent;color:#1a1a1a;border:1px solid #e0e0e0}.btn___c-Y9r.ghost___3KVhC:hover{color:#2db7f5;border-color:#2db7f5}a{color:#2db7f5;opacity:.9}a:focus,a:hover{color:#2db7f5;opacity:1}.hintText___Vgrxb{color:#ddd;font-size:13px}.wrapper___KQ-HO{display:block;position:relative;overflow:hidden;-webkit-user-select:none}.cropperTitle___ZoSva{font-family:PingFangSC-Light;color:#2db7f5;padding-left:5px;border-left:3px solid;line-height:1.1;margin-bottom:5px;display:inline-block}.cropperWrapper___pHwCZ{height:500px;width:100%;position:relative;border:2px solid #e0e0e0}.uploadTip___3eIq6{height:100%;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:#999;font-size:20px;cursor:pointer}.uploadTip___3eIq6:hover{color:#2db7f5;border-color:#2db7f5}.bottom___3R2_V{height:60px;float:left;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bottom___3R2_V a{margin-left:5px;display:block;line-height:1.1;text-decoration:none;border-bottom:1px solid;color:#2db7f5;opacity:.8}.bottom___3R2_V a:hover,.bottom___3R2_V a:visited{color:#2db7f5;opacity:1}.zoomBtn___3eOjq{float:right;margin-top:7px}.zoomBtn___3eOjq button{min-width:30px;font-size:18px;padding:3px;margin:0 2px}.uploadButton___1A0iv{display:block;min-width:120px;display:inline-block;padding:7px 0 8px;text-align:center;font-size:14px;background-color:#fff;color:#999;opacity:.8;overflow:hidden;position:relative;border-radius:4px;border:1px solid #ddd;cursor:pointer}.uploadButton___1A0iv input{cursor:pointer;position:absolute;left:0;top:0;display:block!important;width:100%;height:100%;opacity:0!important}.uploadButton___1A0iv i{padding-right:7px}.uploadButton___1A0iv:hover{opacity:1;border-color:#2db7f5;color:#2db7f5}.fileName___17U0K{display:block;color:#999;padding-left:10px;font-size:12px}.uploadedImageList___1Tjan{display:block;overflow:hidden;font-size:12px;margin-top:5px}.uploadedImageList___1Tjan a{float:left;padding:3px 10px;color:#1a1a1a;text-decoration:none;margin-top:5px;margin-right:5px;border-radius:4px;border:1px solid #e0e0e0;opacity:.87}.uploadedImageList___1Tjan a:hover{opacity:1;border-color:#2db7f5}.uploadedImageList___1Tjan .activeImage___1ionO{color:#2db7f5;border-color:#2db7f5}.metaData___3fh-u{font-family:PingFangSC-Light;position:absolute;right:7px;top:5px;z-index:1000;font-size:12px;color:#fff;padding:1px 3px;border-radius:2px;background:rgba(45,183,245,.37)}.wrapper___3sltf{display:block;position:relative;width:100%;margin:0 auto;padding:20px 0 50px}.btn___SkWL1{min-width:120px}.cropperWrapper___2VPXx{overflow:hidden;padding:0 15px}.cropperWrapperItem___3N21I{width:49%;padding:5px 0 10px;float:left}.cropperHeaderLine___EXUVg{display:none;width:100%;height:2px;background-color:#2db7f5}.cropperHeaderLine___EXUVg.right___31JZw{background-color:#ff5252}.cropperWrapperItemRight___2cWOF{float:right}.diffWrapper___2JsaJ{display:block;position:relative}.diffWrapper___2JsaJ .headDiv___PGIgT{overflow:hidden}.diffWrapper___2JsaJ .headDiv___PGIgT button{float:left}.diffWrapper___2JsaJ .headDiv___PGIgT a{display:block;float:left;margin-top:7px;margin-left:10px}.diffWrapper___2JsaJ .headDiv___PGIgT .diffPercentageWrapper___1bQSx{float:right;color:#999;font-size:12px}.diffWrapper___2JsaJ .headDiv___PGIgT .diffPercentageWrapper___1bQSx span{color:#ff5252;font-size:24px}.diffStatus___3R7cD{float:right;color:#ff5252;font-size:14px}.diffImageWrapper___1vDaj{margin-top:10px}.dragBar___tA3Az{position:absolute;left:0;top:0;right:0;height:10px;opacity:.5;z-index:2000;cursor:row-resize;border-left:10px solid #2db7f5;border-right:10px solid #2db7f5}.dragBar___tA3Az:hover{opacity:.87}.line___34Zbj{position:relative;width:100;height:2px;margin-top:4px;background-color:#2db7f5}