webcit/static/styles/fineuploader.css

   1 /*!
   2 * Fine Uploader
   3 *
   4 * Copyright 2013, Widen Enterprises, Inc. info@fineuploader.com
   5 *
   6 * Version: 4.2.1
   7 *
   8 * Homepage: http://fineuploader.com
   9 *
  10 * Repository: git://github.com/Widen/fine-uploader.git
  11 *
  12 * Licensed under GNU GPL v3, see LICENSE
  13 */
  14
  15
  16 .qq-uploader {
  17     position: relative;
  18     width: 100%;
  19 }
  20 .qq-upload-button {
  21     display: block;
  22     width: 105px;
  23     padding: 7px 0;
  24     text-align: center;
  25     background: #880000;
  26     border-bottom: 1px solid #DDD;
  27     color: #FFF;
  28 }
  29 .qq-upload-button-hover {
  30     background: #CC0000;
  31 }
  32 .qq-upload-button-focus {
  33     outline: 1px dotted #000000;
  34 }
  35 .qq-upload-drop-area, .qq-upload-extra-drop-area {
  36     position: absolute;
  37     top: 0;
  38     left: 0;
  39     width: 100%;
  40     height: 100%;
  41     min-height: 30px;
  42     z-index: 2;
  43     background: #FF9797;
  44     text-align: center;
  45 }
  46 .qq-upload-drop-area span {
  47     display: block;
  48     position: absolute;
  49     top: 50%;
  50     width: 100%;
  51     margin-top: -8px;
  52     font-size: 16px;
  53 }
  54 .qq-upload-extra-drop-area {
  55     position: relative;
  56     margin-top: 50px;
  57     font-size: 16px;
  58     padding-top: 30px;
  59     height: 20px;
  60     min-height: 40px;
  61 }
  62 .qq-upload-drop-area-active {
  63     background: #FF7171;
  64 }
  65 .qq-upload-list {
  66     margin: 0;
  67     padding: 0;
  68     list-style: none;
  69 }
  70 .qq-upload-list li {
  71     margin: 0;
  72     padding: 9px;
  73     line-height: 15px;
  74     font-size: 16px;
  75     background-color: #FFF0BD;
  76 }
  77 .qq-upload-file, .qq-upload-spinner, .qq-upload-size,
  78 .qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text,
  79 .qq-upload-delete, .qq-upload-pause, .qq-upload-continue {
  80     margin-right: 12px;
  81     display: inline;
  82 }
  83 .qq-upload-file {
  84 }
  85 .qq-upload-spinner {
  86     display: inline-block;
  87     background: url("loading.gif");
  88     width: 15px;
  89     height: 15px;
  90     vertical-align: text-bottom;
  91 }
  92 .qq-drop-processing {
  93     display: block;
  94 }
  95 .qq-drop-processing-spinner {
  96     display: inline-block;
  97     background: url("processing.gif");
  98     width: 24px;
  99     height: 24px;
 100     vertical-align: text-bottom;
 101 }
 102
 103 .qq-upload-delete, .qq-upload-pause, .qq-upload-continue {
 104     display: inline;
 105 }
 106
 107 .qq-upload-retry, .qq-upload-delete, .qq-upload-cancel,
 108 .qq-upload-pause, .qq-upload-continue {
 109     color: #000000;
 110 }
 111
 112 .qq-upload-retryable .qq-upload-retry {
 113     display: inline;
 114 }
 115 .qq-upload-size, .qq-upload-cancel, .qq-upload-retry,
 116 .qq-upload-delete, .qq-upload-pause, .qq-upload-continue {
 117     font-size: 12px;
 118     font-weight: normal;
 119 }
 120 .qq-upload-failed-text {
 121     display: none;
 122     font-style: italic;
 123     font-weight: bold;
 124 }
 125 .qq-upload-failed-icon {
 126     display:none;
 127     width:15px;
 128     height:15px;
 129     vertical-align:text-bottom;
 130 }
 131 .qq-upload-fail .qq-upload-failed-text {
 132     display: inline;
 133 }
 134 .qq-upload-retrying .qq-upload-failed-text {
 135     display: inline;
 136     color: #D60000;
 137 }
 138 .qq-upload-list li.qq-upload-success {
 139     background-color: #5DA30C;
 140     color: #FFFFFF;
 141 }
 142 .qq-upload-list li.qq-upload-fail {
 143     background-color: #D60000;
 144     color: #FFFFFF;
 145 }
 146 .qq-progress-bar {
 147     display: block;
 148     background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
 149     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
 150     background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
 151     background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
 152     background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
 153     background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
 154     width: 0%;
 155     height: 15px;
 156     border-radius: 6px;
 157     margin-bottom: 3px;
 158 }
 159
 160 INPUT.qq-edit-filename {
 161     position: absolute;
 162     opacity: 0;
 163     filter: alpha(opacity=0);
 164     z-index: -1;
 165     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 166 }
 167
 168 .qq-upload-file.qq-editable {
 169     cursor: pointer;
 170 }
 171
 172 .qq-edit-filename-icon.qq-editable {
 173     display: inline-block;
 174     cursor: pointer;
 175 }
 176
 177 INPUT.qq-edit-filename.qq-editing {
 178     position: static;
 179     margin-top: -5px;
 180     margin-right: 10px;
 181     margin-bottom: -5px;
 182
 183     opacity: 1;
 184     filter: alpha(opacity=100);
 185     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 186 }
 187
 188 .qq-edit-filename-icon {
 189     display: none;
 190     background: url("edit.gif");
 191     width: 15px;
 192     height: 15px;
 193     vertical-align: text-bottom;
 194     margin-right: 5px;
 195 }
 196
 197 INPUT.qq-edit-filename.qq-editing ~ .qq-upload-cancel {
 198     display: none;
 199 }
 200
 201 .qq-hide {
 202     display: none;
 203 }
 204
 205 /*! 2014-01-19 */