src/fileupload/static/lib/jQuery-File-Upload-10.32.0/css/jquery.fileupload-ui.css

   1 @charset "UTF-8";
   2 /*
   3  * jQuery File Upload UI Plugin CSS
   4  * https://github.com/blueimp/jQuery-File-Upload
   5  *
   6  * Copyright 2010, Sebastian Tschan
   7  * https://blueimp.net
   8  *
   9  * Licensed under the MIT license:
  10  * https://opensource.org/licenses/MIT
  11  */
  12
  13 .progress-animated .progress-bar,
  14 .progress-animated .bar {
  15   background: url('../img/progressbar.gif') !important;
  16   filter: none;
  17 }
  18 .fileupload-process {
  19   float: right;
  20   display: none;
  21 }
  22 .fileupload-processing .fileupload-process,
  23 .files .processing .preview {
  24   display: block;
  25   width: 32px;
  26   height: 32px;
  27   background: url('../img/loading.gif') center no-repeat;
  28   background-size: contain;
  29 }
  30 .files audio,
  31 .files video {
  32   max-width: 300px;
  33 }
  34 .files .name {
  35   word-wrap: break-word;
  36   overflow-wrap: anywhere;
  37   -webkit-hyphens: auto;
  38   hyphens: auto;
  39 }
  40 .files button {
  41   margin-bottom: 5px;
  42 }
  43 .toggle[type='checkbox'] {
  44   transform: scale(2);
  45   margin-left: 10px;
  46 }
  47
  48 @media (max-width: 767px) {
  49   .fileupload-buttonbar .btn {
  50     margin-bottom: 5px;
  51   }
  52   .fileupload-buttonbar .delete,
  53   .fileupload-buttonbar .toggle,
  54   .files .toggle,
  55   .files .btn span {
  56     display: none;
  57   }
  58   .files audio,
  59   .files video {
  60     max-width: 80px;
  61   }
  62 }
  63
  64 @media (max-width: 480px) {
  65   .files .image td:nth-child(2) {
  66     display: none;
  67   }
  68 }