www.aleph1.co.uk Git - yaffs-website/blob - web/modules/contrib/image_widget_crop/css/image_widget_crop.css

   1 .crop-preview-wrapper__preview-image {
   2   display: block;
   3   width: 100%;
   4   height: auto;
   5   margin-bottom: 1em;
   6 }
   7
   8 .image-data__crop-wrapper .crop-preview-wrapper__crop-reset {
   9   margin-top: 1em;
  10 }
  11
  12 .cropper--height-soft-limit-reached .cropper-point,
  13 .cropper--width-soft-limit-reached .cropper-point {
  14   background-color: #a51b00;
  15 }
  16 .cropper--height-soft-limit-reached .line-w,
  17 .cropper--height-soft-limit-reached .line-e {
  18   background-color: #ff0000;
  19   opacity: 0.2;
  20 }
  21 .cropper--width-soft-limit-reached .line-n,
  22 .cropper--width-soft-limit-reached .line-s {
  23   background-color: #ff0000;
  24   opacity: 0.2;
  25 }
  26
  27 @media screen and (max-width: 480px) {
  28   .details-wrapper th {
  29     display: none;
  30   }
  31
  32   .details-wrapper table,
  33   .details-wrapper thead,
  34   .details-wrapper tbody,
  35   .details-wrapper tr,
  36   .details-wrapper td,
  37   .details-wrapper th:first-child {
  38     display: block;
  39   }
  40
  41   .details-wrapper tr {
  42     position: relative;
  43     padding: 0;
  44   }
  45
  46   .details-wrapper td {
  47     padding: 10px 0;
  48   }
  49
  50   .details-wrapper td  .button.js-form-submit.form-submit {
  51     position: absolute;
  52     left: 10px;
  53     bottom: 10px;
  54     max-width: 265px;
  55   }
  56 }
  57
  58 @media screen and (min-width: 641px) and (max-width: 1250px) {
  59   .responsive-enabled--opened th {
  60     display: none;
  61   }
  62
  63   .responsive-enabled--opened,
  64   .responsive-enabled--opened thead,
  65   .responsive-enabled--opened tbody,
  66   .responsive-enabled--opened tr,
  67   .responsive-enabled--opened td,
  68   .responsive-enabled--opened th:first-child {
  69     display: block;
  70   }
  71
  72   .responsive-enabled--opened tr {
  73     position: relative;
  74     width: 100%;
  75     padding-left: 0;
  76     padding-right: 0;
  77   }
  78
  79   .responsive-enabled--opened td > .button.js-form-submit.form-submit {
  80     position: absolute;
  81     left: 10px;
  82     bottom: 10px;
  83     max-width: 265px;
  84   }
  85
  86   .responsive-enabled--opened .vertical-tabs__menu {
  87     width: 206px;
  88   }
  89
  90   .responsive-enabled--opened .vertical-tabs__panes {
  91     margin-left: 205px;
  92   }
  93 }