123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252 |
- /*!
- * Cropper v3.1.3
- * https://github.com/fengyuanchen/cropper
- *
- * Copyright (c) 2014-2017 Chen Fengyuan
- * Released under the MIT license
- *
- * Date: 2017-10-21T10:03:37.133Z
- */.cropper-container {
- direction:ltr;
- font-size:0;
- line-height:0;
- position:relative;
- -ms-touch-action:none;
- touch-action:none;
- -webkit-user-select:none;
- -moz-user-select:none;
- -ms-user-select:none;
- user-select:none
- }
- .cropper-container img {
- display:block;
- height:100%;
- image-orientation:0deg;
- max-height:none!important;
- max-width:none!important;
- min-height:0!important;
- min-width:0!important;
- width:100%
- }
- .cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box {
- bottom:0;
- left:0;
- position:absolute;
- right:0;
- top:0
- }
- .cropper-canvas,.cropper-wrap-box {
- overflow:hidden
- }
- .cropper-drag-box {
- background-color:#fff;
- opacity:0
- }
- .cropper-modal {
- background-color:#000;
- opacity:.5
- }
- .cropper-view-box {
- display:block;
- height:100%;
- outline-color:rgba(51,153,255,.75);
- outline:1px solid #39f;
- overflow:hidden;
- width:100%
- }
- .cropper-dashed {
- border:0 dashed #eee;
- display:block;
- opacity:.5;
- position:absolute
- }
- .cropper-dashed.dashed-h {
- border-bottom-width:1px;
- border-top-width:1px;
- height:33.33333%;
- left:0;
- top:33.33333%;
- width:100%
- }
- .cropper-dashed.dashed-v {
- border-left-width:1px;
- border-right-width:1px;
- height:100%;
- left:33.33333%;
- top:0;
- width:33.33333%
- }
- .cropper-center {
- display:block;
- height:0;
- left:50%;
- opacity:.75;
- position:absolute;
- top:50%;
- width:0
- }
- .cropper-center:after,.cropper-center:before {
- background-color:#eee;
- content:" ";
- display:block;
- position:absolute
- }
- .cropper-center:before {
- height:1px;
- left:-3px;
- top:0;
- width:7px
- }
- .cropper-center:after {
- height:7px;
- left:0;
- top:-3px;
- width:1px
- }
- .cropper-face,.cropper-line,.cropper-point {
- display:block;
- height:100%;
- opacity:.1;
- position:absolute;
- width:100%
- }
- .cropper-face {
- background-color:#fff;
- left:0;
- top:0
- }
- .cropper-line {
- background-color:#39f
- }
- .cropper-line.line-e {
- cursor:e-resize;
- right:-3px;
- top:0;
- width:5px
- }
- .cropper-line.line-n {
- cursor:n-resize;
- height:5px;
- left:0;
- top:-3px
- }
- .cropper-line.line-w {
- cursor:w-resize;
- left:-3px;
- top:0;
- width:5px
- }
- .cropper-line.line-s {
- bottom:-3px;
- cursor:s-resize;
- height:5px;
- left:0
- }
- .cropper-point {
- background-color:#39f;
- height:5px;
- opacity:.75;
- width:5px
- }
- .cropper-point.point-e {
- cursor:e-resize;
- margin-top:-3px;
- right:-3px;
- top:50%
- }
- .cropper-point.point-n {
- cursor:n-resize;
- left:50%;
- margin-left:-3px;
- top:-3px
- }
- .cropper-point.point-w {
- cursor:w-resize;
- left:-3px;
- margin-top:-3px;
- top:50%
- }
- .cropper-point.point-s {
- bottom:-3px;
- cursor:s-resize;
- left:50%;
- margin-left:-3px
- }
- .cropper-point.point-ne {
- cursor:ne-resize;
- right:-3px;
- top:-3px
- }
- .cropper-point.point-nw {
- cursor:nw-resize;
- left:-3px;
- top:-3px
- }
- .cropper-point.point-sw {
- bottom:-3px;
- cursor:sw-resize;
- left:-3px
- }
- .cropper-point.point-se {
- bottom:-3px;
- cursor:se-resize;
- height:20px;
- opacity:1;
- right:-3px;
- width:20px
- }
- @media (min-width:768px) {
- .cropper-point.point-se {
- height:15px;
- width:15px
- }
- }
- @media (min-width:992px) {
- .cropper-point.point-se {
- height:10px;
- width:10px
- }
- }
- @media (min-width:1200px) {
- .cropper-point.point-se {
- height:5px;
- opacity:.75;
- width:5px
- }
- }
- .cropper-point.point-se:before {
- background-color:#39f;
- bottom:-50%;
- content:" ";
- display:block;
- height:200%;
- opacity:0;
- position:absolute;
- right:-50%;
- width:200%
- }
- .cropper-invisible {
- opacity:0
- }
- .cropper-bg {
- background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
- }
- .cropper-hide {
- display:block;
- height:0;
- position:absolute;
- width: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
- }
- /*# sourceMappingURL=cropper.min.css.map */
|