git.roojs.org Git - roojs1/blob - scss/roojs-bootstrap/upload-cropbox.scss

   1
   2 .roo-upload-cropbox-selector { // it must use visibility, display is not working on old safari...
   3     visibility: hidden;
   4     height: 0px;
   5 }
   6
   7 .roo-upload-cropbox-dialog .modal-header,
   8 .roo-upload-cropbox-dialog .modal-footer {
   9     padding-top: 5px;
  10     padding-bottom: 5px;
  11 }
  12
  13 .roo-upload-cropbox-body {
  14     background-color: $body-bg;
  15     border: 1px solid $gray-light;
  16     width: 100%;
  17     height: 450px;
  18     max-height: 450px;
  19     position: relative;
  20     overflow: hidden;
  21     cursor:move;
  22 }
  23
  24 .roo-upload-cropbox-preview {
  25     position: absolute;
  26     top: 0px;
  27     left: 0px;
  28     text-align: center;
  29     margin: 0px;
  30     padding: 0px;
  31     border: none;
  32 }
  33
  34 .roo-upload-cropbox-body .roo-upload-cropbox-thumb {
  35     position: absolute;
  36 /*    top: 50%;
  37     left: 50%;
  38     transform: translate(-50%, -50%);*/
  39     box-sizing: border-box;
  40     border: 1px solid $gray-light;
  41     box-shadow: 0 0 0 1000px $black-opacity-50;
  42     background: none repeat scroll 0% 0% transparent;
  43 }
  44
  45 .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
  46     height: 100%;
  47     background-color: $black-opacity-50;
  48     color: $body-bg;
  49     font-weight: bold;
  50     font-size: 24px;
  51     text-align: center;
  52     padding-top: 50px;
  53     font-style: italic;
  54 }
  55
  56 .roo-upload-cropbox-btn-group button {
  57     background-color: $gray-base;
  58     color: $body-bg;
  59     border-color: $gray-dark;
  60 }
  61
  62 .roo-upload-cropbox-error-notify {
  63     border-radius: 0px;
  64     text-align: center;
  65     padding: 0px !important;
  66     margin: 0px !important;
  67     position: absolute;
  68     top: 0;
  69     left: 0;
  70 }
  71