[Summary view] [Print] [Text view]

   1  joomla-field-media .field-media-preview {
   2    display: flex;
   3    align-items: center;
   4    justify-content: center;
   5    max-width: 356px;
   6    height: 180px;
   7    padding: 10px;
   8    overflow: hidden;
   9    background-color: #f2f2f2;
  10    border: 1px solid rgba(0, 0, 0, .15);
  11    border-width: 1px 1px 0;
  12    border-radius: .25rem .25rem 0 0;
  13  }
  14  
  15  joomla-field-media .field-media-preview-icon {
  16    width: 7rem;
  17    height: 7rem;
  18    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgba(0,0,0,.25)' d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z'/%3E%3C/svg%3E");
  19    background-size: 7rem;
  20  }
  21  
  22  joomla-field-media .field-media-input {
  23    border-top-left-radius: 0;
  24  }
  25  
  26  joomla-field-media .button-clear {
  27    border-top-right-radius: 0;
  28  }
  29  
  30  joomla-field-media img {
  31    max-width: 100%;
  32    max-height: 100%;
  33  }