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

   1
   2 .roo-upload-cropbox-body {
   3     background-color: #fff;
   4     border: 1px solid #e3e3e3;
   5     width: 100%;
   6     height: 450px;
   7     position: relative;
   8     overflow: hidden;
   9     cursor:move;
  10 }
  11
  12 .roo-upload-cropbox-canvas {
  13     position: absolute;
  14     top: 0px;
  15     left: 0px;
  16     text-align: center;
  17     margin: 0px;
  18     padding: 0px;
  19     border: none;
  20 }
  21
  22 .roo-upload-cropbox-body .roo-upload-cropbox-thumb {
  23     position: absolute;
  24 /*    top: 50%;
  25     left: 50%;
  26     transform: translate(-50%, -50%);*/
  27     box-sizing: border-box;
  28     border: 1px solid rgb(102, 102, 102);
  29     box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
  30     background: none repeat scroll 0% 0% transparent;
  31 }
  32
  33 .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
  34     height: 100%;
  35     background-color: rgba(0, 0, 0, 0.5);
  36     color: white;
  37     font-weight: bold;
  38     font-size: 24px;
  39     text-align: center;
  40     padding-top: 35%;
  41     font-style: italic;
  42 }
  43
  44 .roo-upload-cropbox-btn-group button {
  45     background-color: black;
  46     color: white;
  47     border-color: #333;
  48 }
  49
  50 /*
  51
  52 .roo-upload-cropbox-image-section {
  53     background-color: #fff;
  54     border: 1px solid #e3e3e3;
  55     width: 100%;
  56     height: 300px;
  57     position: relative;
  58     overflow: hidden;
  59     background-repeat: no-repeat;
  60     cursor:move;
  61 }
  62
  63 .roo-upload-cropbox-image-section .roo-upload-cropbox-thumb {
  64     position: absolute;
  65     top: 50%;
  66     left: 50%;
  67     width: 200px;
  68     height: 200px;
  69     transform: translate(-50%, -50%);
  70     box-sizing: border-box;
  71     border: 1px solid rgb(102, 102, 102);
  72     box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
  73     background: none repeat scroll 0% 0% transparent;
  74 }
  75
  76 @media (min-width: 768px) {
  77     .roo-upload-cropbox-empty-notification {
  78         margin-top: 200px;
  79         font-size: 2.5em;
  80     }
  81
  82     .roo-upload-cropbox-image-section {
  83         height: 500px;
  84     }
  85
  86 }*/
  87
  88 @media (min-width: 768px) {
  89
  90 }