[Summary view] [Print] [Text view]

   1  /*custom upload elements*/
   2  .customfile-input { position: absolute; left: -999em; background: transparent; border: 0; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
   3  
   4  .customfile { cursor: pointer; width: auto; display: inline-block; position: relative; }
   5  .customfile.input-append .customfile-feedback { border-radius: 3px 0 0 3px;  }
   6  .customfile.input-prepend .customfile-feedback { border-radius: 0 3px 3px 0; }
   7  .customfile.input-prepend .add-on, .customfile.input-append .add-on{
   8    color:#333;
   9    cursor: pointer;
  10    display: inline-block;
  11    background-color: #e6e6e6;
  12    background-repeat: no-repeat;
  13    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  14    background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  15    background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  16    background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  17    background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  18    background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  19    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  20  }
  21  .customfile-disabled { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: default;  }
  22  .customfile-feedback { border: 1px solid #CCCCCC; color: #808080; display: inline-block; font-size: 13px; line-height: 18px; padding: 4px; 
  23    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  24    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  25    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  26    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  27    transition: border linear 0.2s, box-shadow linear 0.2s;
  28    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  29    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  30    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  31  
  32  }
  33  /* IE7 hack */
  34  *+html .customfile-feedback { margin-top: 1px;}
  35  /* EO Hack */
  36  .customfile-feedback-populated { padding-left: 25px; background: url(../images/icon-generic.gif) 5px center no-repeat; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
  37  
  38  .customfile-button { /* IE7 and bellow hack*/ *margin-top: -1px; /* EO Hack */}
  39  .customfile:hover .customfile-button, .customfile-focus .customfile-button  { background-position: 0 -15px; color: #333; text-decoration: none;}
  40  .customfile-focus .customfile-button {}
  41  
  42  
  43  /*file type icons*/
  44  .customfile-ext-jpg, .customfile-ext-gif, .customfile-ext-png, .customfile-ext-jpeg, .customfile-ext-bmp { background-image: url(../images/icon-image.gif);}
  45  .customfile-ext-mp3, .customfile-ext-mp4, .customfile-ext-mov, .customfile-ext-swf, .customfile-ext-wav, .customfile-ext-m4v { background-image: url(../images/icon-media.gif);}
  46  .customfile-ext-zip, .customfile-ext-tar, .customfile-ext-sit { background-image: url(../images/icon-zip.gif);}
  47