[Summary view] [Print] [Text view]

   1  /*!
   2   * Cropper.js v1.5.12
   3   * https://fengyuanchen.github.io/cropperjs
   4   *
   5   * Copyright 2015-present Chen Fengyuan
   6   * Released under the MIT license
   7   *
   8   * Date: 2021-06-12T08:00:11.623Z
   9   */
  10  
  11  .cropper-container {
  12    direction: ltr;
  13    font-size: 0;
  14    line-height: 0;
  15    position: relative;
  16    -ms-touch-action: none;
  17    touch-action: none;
  18    -webkit-user-select: none;
  19    -moz-user-select: none;
  20    -ms-user-select: none;
  21    user-select: none;
  22  }
  23  
  24  .cropper-container img {
  25    display: block;
  26    height: 100%;
  27    image-orientation: 0deg;
  28    max-height: none !important;
  29    max-width: none !important;
  30    min-height: 0 !important;
  31    min-width: 0 !important;
  32    width: 100%;
  33  }
  34  
  35  .cropper-wrap-box,
  36  .cropper-canvas,
  37  .cropper-drag-box,
  38  .cropper-crop-box,
  39  .cropper-modal {
  40    bottom: 0;
  41    left: 0;
  42    position: absolute;
  43    right: 0;
  44    top: 0;
  45  }
  46  
  47  .cropper-wrap-box,
  48  .cropper-canvas {
  49    overflow: hidden;
  50  }
  51  
  52  .cropper-drag-box {
  53    background-color: #fff;
  54    opacity: 0;
  55  }
  56  
  57  .cropper-modal {
  58    background-color: #000;
  59    opacity: 0.5;
  60  }
  61  
  62  .cropper-view-box {
  63    display: block;
  64    height: 100%;
  65    outline: 1px solid #39f;
  66    outline-color: rgba(51, 153, 255, 0.75);
  67    overflow: hidden;
  68    width: 100%;
  69  }
  70  
  71  .cropper-dashed {
  72    border: 0 dashed #eee;
  73    display: block;
  74    opacity: 0.5;
  75    position: absolute;
  76  }
  77  
  78  .cropper-dashed.dashed-h {
  79    border-bottom-width: 1px;
  80    border-top-width: 1px;
  81    height: calc(100% / 3);
  82    left: 0;
  83    top: calc(100% / 3);
  84    width: 100%;
  85  }
  86  
  87  .cropper-dashed.dashed-v {
  88    border-left-width: 1px;
  89    border-right-width: 1px;
  90    height: 100%;
  91    left: calc(100% / 3);
  92    top: 0;
  93    width: calc(100% / 3);
  94  }
  95  
  96  .cropper-center {
  97    display: block;
  98    height: 0;
  99    left: 50%;
 100    opacity: 0.75;
 101    position: absolute;
 102    top: 50%;
 103    width: 0;
 104  }
 105  
 106  .cropper-center::before,
 107  .cropper-center::after {
 108    background-color: #eee;
 109    content: ' ';
 110    display: block;
 111    position: absolute;
 112  }
 113  
 114  .cropper-center::before {
 115    height: 1px;
 116    left: -3px;
 117    top: 0;
 118    width: 7px;
 119  }
 120  
 121  .cropper-center::after {
 122    height: 7px;
 123    left: 0;
 124    top: -3px;
 125    width: 1px;
 126  }
 127  
 128  .cropper-face,
 129  .cropper-line,
 130  .cropper-point {
 131    display: block;
 132    height: 100%;
 133    opacity: 0.1;
 134    position: absolute;
 135    width: 100%;
 136  }
 137  
 138  .cropper-face {
 139    background-color: #fff;
 140    left: 0;
 141    top: 0;
 142  }
 143  
 144  .cropper-line {
 145    background-color: #39f;
 146  }
 147  
 148  .cropper-line.line-e {
 149    cursor: ew-resize;
 150    right: -3px;
 151    top: 0;
 152    width: 5px;
 153  }
 154  
 155  .cropper-line.line-n {
 156    cursor: ns-resize;
 157    height: 5px;
 158    left: 0;
 159    top: -3px;
 160  }
 161  
 162  .cropper-line.line-w {
 163    cursor: ew-resize;
 164    left: -3px;
 165    top: 0;
 166    width: 5px;
 167  }
 168  
 169  .cropper-line.line-s {
 170    bottom: -3px;
 171    cursor: ns-resize;
 172    height: 5px;
 173    left: 0;
 174  }
 175  
 176  .cropper-point {
 177    background-color: #39f;
 178    height: 5px;
 179    opacity: 0.75;
 180    width: 5px;
 181  }
 182  
 183  .cropper-point.point-e {
 184    cursor: ew-resize;
 185    margin-top: -3px;
 186    right: -3px;
 187    top: 50%;
 188  }
 189  
 190  .cropper-point.point-n {
 191    cursor: ns-resize;
 192    left: 50%;
 193    margin-left: -3px;
 194    top: -3px;
 195  }
 196  
 197  .cropper-point.point-w {
 198    cursor: ew-resize;
 199    left: -3px;
 200    margin-top: -3px;
 201    top: 50%;
 202  }
 203  
 204  .cropper-point.point-s {
 205    bottom: -3px;
 206    cursor: s-resize;
 207    left: 50%;
 208    margin-left: -3px;
 209  }
 210  
 211  .cropper-point.point-ne {
 212    cursor: nesw-resize;
 213    right: -3px;
 214    top: -3px;
 215  }
 216  
 217  .cropper-point.point-nw {
 218    cursor: nwse-resize;
 219    left: -3px;
 220    top: -3px;
 221  }
 222  
 223  .cropper-point.point-sw {
 224    bottom: -3px;
 225    cursor: nesw-resize;
 226    left: -3px;
 227  }
 228  
 229  .cropper-point.point-se {
 230    bottom: -3px;
 231    cursor: nwse-resize;
 232    height: 20px;
 233    opacity: 1;
 234    right: -3px;
 235    width: 20px;
 236  }
 237  
 238  @media (min-width: 768px) {
 239    .cropper-point.point-se {
 240      height: 15px;
 241      width: 15px;
 242    }
 243  }
 244  
 245  @media (min-width: 992px) {
 246    .cropper-point.point-se {
 247      height: 10px;
 248      width: 10px;
 249    }
 250  }
 251  
 252  @media (min-width: 1200px) {
 253    .cropper-point.point-se {
 254      height: 5px;
 255      opacity: 0.75;
 256      width: 5px;
 257    }
 258  }
 259  
 260  .cropper-point.point-se::before {
 261    background-color: #39f;
 262    bottom: -50%;
 263    content: ' ';
 264    display: block;
 265    height: 200%;
 266    opacity: 0;
 267    position: absolute;
 268    right: -50%;
 269    width: 200%;
 270  }
 271  
 272  .cropper-invisible {
 273    opacity: 0;
 274  }
 275  
 276  .cropper-bg {
 277    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
 278  }
 279  
 280  .cropper-hide {
 281    display: block;
 282    height: 0;
 283    position: absolute;
 284    width: 0;
 285  }
 286  
 287  .cropper-hidden {
 288    display: none !important;
 289  }
 290  
 291  .cropper-move {
 292    cursor: move;
 293  }
 294  
 295  .cropper-crop {
 296    cursor: crosshair;
 297  }
 298  
 299  .cropper-disabled .cropper-drag-box,
 300  .cropper-disabled .cropper-face,
 301  .cropper-disabled .cropper-line,
 302  .cropper-disabled .cropper-point {
 303    cursor: not-allowed;
 304  }