scripts/fileuploader/fileuploader.css

   1 .qq-uploader {
   2         position:relative;
   3         width: 300px;
   4         /*width: 99%;*/
   5 }
   6
   7 .qq-upload-button {
   8         display:block; /* or inline-block */
   9         width: 100%;
  10         height: 100px;
  11         border:2px dashed #c6cfe1;
  12         -moz-border-radius:5px;
  13         -webkit-border-radius:5px;
  14         border-radius:5px;
  15         line-height:35px;
  16 /*      text-align:center;*/
  17         font-size:120%;
  18         font-weight:bold;
  19         color:#333333;
  20         background-color:#dfe4ee;
  21         background-image: url(upload_box.png);
  22         background-repeat: no-repeat;
  23 }
  24 .qq-upload-button span{
  25         margin-left:35px;
  26         padding-top:70px;
  27 }
  28 /*.qq-upload-button-hover {background:#cc0000;}
  29 .qq-upload-button-focus {outline:1px dotted black;}*/
  30
  31 .qq-upload-drop-area {
  32         position:absolute;
  33         top:0;
  34         left:0;
  35         width:100%;
  36         height:100px;
  37         z-index:2;
  38         border:2px dashed #c6cfe1;
  39         -moz-border-radius:5px;
  40         -webkit-border-radius:5px;
  41         border-radius:5px;
  42         font-size:120%;
  43         font-weight:bold;
  44         text-align:center;
  45         color:#333333;
  46         background:#FF9797;
  47 }
  48 .qq-upload-drop-area span {
  49     display:block; position:absolute; top: 50%; width:100%;
  50 }
  51 .qq-upload-drop-area-active {background:#FF7171;}
  52
  53 .qq-upload-list {margin:15px 35px; padding:0; list-style:disc;display:none;}
  54 .qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
  55 .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
  56     margin-right: 7px;
  57 }
  58
  59 .qq-upload-file {}
  60 .qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
  61 .qq-upload-size,.qq-upload-cancel {font-size:11px;}
  62
  63 .qq-upload-failed-text {display:none;}
  64 .qq-upload-fail .qq-upload-failed-text {display:inline;}