web/public_php/ams/css/uploadify.css

   1 /*
   2 Uploadify
   3 Copyright (c) 2012 Reactive Apps, Ronnie Garcia
   4 Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
   5 */
   6
   7 .uploadify {
   8         position: relative;
   9         margin-bottom: 1em;
  10 }
  11 .uploadify-button {
  12         background-color: #505050;
  13         background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
  14         background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
  15         background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
  16         background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
  17         background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
  18         background-image: -webkit-gradient(
  19                 linear,
  20                 left bottom,
  21                 left top,
  22                 color-stop(0, #505050),
  23                 color-stop(1, #707070)
  24         );
  25         background-position: center top;
  26         background-repeat: no-repeat;
  27         -webkit-border-radius: 30px;
  28         -moz-border-radius: 30px;
  29         border-radius: 30px;
  30         border: 2px solid #808080;
  31         color: #FFF;
  32         font: bold 12px Arial, Helvetica, sans-serif;
  33         text-align: center;
  34         text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  35         width: 100%;
  36 }
  37 .uploadify:hover .uploadify-button {
  38         background-color: #606060;
  39         background-image: linear-gradient(top, #606060 0%, #808080 100%);
  40         background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
  41         background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
  42         background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
  43         background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
  44         background-image: -webkit-gradient(
  45                 linear,
  46                 left bottom,
  47                 left top,
  48                 color-stop(0, #606060),
  49                 color-stop(1, #808080)
  50         );
  51         background-position: center bottom;
  52 }
  53 .uploadify-button.disabled {
  54         background-color: #D0D0D0;
  55         color: #808080;
  56 }
  57 .uploadify-queue {
  58         margin-bottom: 1em;
  59 }
  60 .uploadify-queue-item {
  61         background-color: #F5F5F5;
  62         -webkit-border-radius: 3px;
  63         -moz-border-radius: 3px;
  64         border-radius: 3px;
  65         font: 11px Verdana, Geneva, sans-serif;
  66         margin-top: 5px;
  67         max-width: 350px;
  68         padding: 10px;
  69 }
  70 .uploadify-error {
  71         background-color: #FDE5DD !important;
  72 }
  73 .uploadify-queue-item .cancel a {
  74         background: url('../img/uploadify-cancel.png') 0 0 no-repeat;
  75         float: right;
  76         height: 16px;
  77         text-indent: -9999px;
  78         width: 16px;
  79 }
  80 .uploadify-queue-item.completed {
  81         background-color: #E5E5E5;
  82 }
  83 .uploadify-progress {
  84         background-color: #E5E5E5;
  85         margin-top: 10px;
  86         width: 100%;
  87 }
  88 .uploadify-progress-bar {
  89         background-color: #0099FF;
  90         height: 3px;
  91         width: 1px;
  92 }