src/fileupload/static/fileupload/css/jquery.fileupload-ui.css

   1 @charset 'UTF-8';
   2 /*
   3  * jQuery File Upload UI Plugin CSS 6.3
   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  * http://www.opensource.org/licenses/MIT
  11  */
  12
  13 .fileinput-button {
  14   position: relative;
  15   overflow: hidden;
  16   float: left;
  17   margin-right: 4px;
  18 }
  19 .fileinput-button input {
  20   position: absolute;
  21   top: 0;
  22   right: 0;
  23   margin: 0;
  24   border: solid transparent;
  25   border-width: 0 0 100px 200px;
  26   opacity: 0;
  27   filter: alpha(opacity=0);
  28   -moz-transform: translate(-300px, 0) scale(4);
  29   direction: ltr;
  30   cursor: pointer;
  31 }
  32 .fileupload-buttonbar .btn,
  33 .fileupload-buttonbar .toggle {
  34   margin-bottom: 5px;
  35 }
  36 .files .progress {
  37   width: 200px;
  38 }
  39 .progress-animated .bar {
  40   background: url(../img/progressbar.gif) !important;
  41   filter: none;
  42 }
  43 .fileupload-loading {
  44   position: absolute;
  45   left: 50%;
  46   width: 128px;
  47   height: 128px;
  48   background: url(../img/loading.gif) center no-repeat;
  49   display: none;
  50 }
  51 .fileupload-processing .fileupload-loading {
  52   display: block;
  53 }
  54
  55 /* Fix for IE 6: */
  56 *html .fileinput-button {
  57   line-height: 22px;
  58   margin: 1px -3px 0 0;
  59 }
  60
  61 /* Fix for IE 7: */
  62 *+html .fileinput-button {
  63   margin: 1px 0 0 0;
  64 }
  65
  66 @media (max-width: 480px) {
  67   .files .btn span {
  68     display: none;
  69   }
  70   .files .preview * {
  71     width: 40px;
  72   }
  73   .files .name * {
  74     width: 80px;
  75     display: inline-block;
  76     word-wrap: break-word;
  77   }
  78   .files .progress {
  79     width: 20px;
  80   }
  81   .files .delete {
  82     width: 60px;
  83   }
  84 }