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

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