git.roojs.org Git - roojs1/blob - css/upload-cropbox.css

   1 .roo-upload-cropbox-selector {
   2   display: none !important;
   3 }
   4 .roo-upload-cropbox-dialog .modal-header,
   5 .roo-upload-cropbox-dialog .modal-footer {
   6   padding-top: 5px;
   7   padding-bottom: 5px;
   8 }
   9 .roo-upload-cropbox-body {
  10   background-color: #ffffff;
  11   border: 1px solid #777777;
  12   width: 100%;
  13   height: 450px;
  14   max-height: 450px;
  15   position: relative;
  16   overflow: hidden;
  17   cursor: move;
  18 }
  19 .roo-upload-cropbox-preview {
  20   position: absolute;
  21   top: 0px;
  22   left: 0px;
  23   text-align: center;
  24   margin: 0px;
  25   padding: 0px;
  26   border: none;
  27 }
  28 .roo-upload-cropbox-body .roo-upload-cropbox-thumb {
  29   position: absolute;
  30   /*    top: 50%;
  31     left: 50%;
  32     transform: translate(-50%, -50%);*/
  33   box-sizing: border-box;
  34   border: 1px solid #777777;
  35   box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
  36   background: none repeat scroll 0% 0% transparent;
  37 }
  38 .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
  39   height: 100%;
  40   background-color: rgba(0, 0, 0, 0.5);
  41   color: #ffffff;
  42   font-weight: bold;
  43   font-size: 24px;
  44   text-align: center;
  45   padding-top: 50px;
  46   font-style: italic;
  47 }
  48 .roo-upload-cropbox-btn-group button {
  49   background-color: #000000;
  50   color: #ffffff;
  51   border-color: #333333;
  52 }
  53 .roo-upload-cropbox-error-notify {
  54   border-radius: 0px;
  55   text-align: center;
  56   padding: 0px !important;
  57   margin: 0px !important;
  58   position: absolute;
  59   top: 0;
  60   left: 0;
  61 }