github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/public/libs/qiniu-js-sdk-master/demo/js/plupload/jquery.ui.plupload/css/jquery.ui.plupload.css (about) 1 /* 2 Plupload 3 ------------------------------------------------------------------- */ 4 5 .plupload_button { 6 cursor: pointer; 7 outline: none; 8 } 9 10 .plupload_wrapper { 11 font: normal 11px Verdana,sans-serif; 12 width: 100%; 13 min-width: 520px; 14 } 15 16 .plupload_container { 17 _height: 300px; 18 min-height: 300px; 19 position: relative; 20 } 21 22 .plupload_filelist_footer {border-width: 1px 0 0 0} 23 .plupload_file {border-width: 0 0 1px 0} 24 .plupload_container .plupload_header {border-width: 0 0 1px 0; position: relative;} 25 26 .plupload_delete .ui-icon, 27 .plupload_done .ui-icon, 28 .plupload_failed .ui-icon { 29 cursor:pointer; 30 } 31 32 .plupload_header_content { 33 height: 56px; 34 padding: 0 160px 0 60px; 35 position: relative; 36 } 37 38 .plupload_logo { 39 width: 40px; 40 height: 40px; 41 background: url('../img/plupload.png') no-repeat 0 0; 42 position: absolute; 43 top: 8px; 44 left: 8px; 45 } 46 47 .plupload_header_content_bw .plupload_logo { 48 background-position: -40px 0; 49 } 50 51 .plupload_header_title { 52 font: normal 18px sans-serif; 53 padding: 6px 0 3px; 54 } 55 56 .plupload_header_text { 57 font: normal 12px sans-serif; 58 } 59 60 .plupload_view_switch { 61 position: absolute; 62 right: 16px; 63 bottom: 8px; 64 margin: 0; 65 display: none; 66 } 67 68 .plupload_view_switch .ui-button { 69 margin-right: -0.31em; 70 } 71 72 .plupload_content { 73 position: absolute; 74 top: 87px; 75 bottom: 44px; 76 left: 0; 77 right: 0; 78 overflow-y: auto; 79 width: 100%; 80 } 81 82 .plupload_filelist { 83 border-collapse: collapse; 84 border-left: none; 85 border-right: none; 86 margin: 0; 87 padding: 0; 88 width: 100%; 89 -moz-user-select: none; 90 -webkit-user-select: none; 91 user-select: none; 92 } 93 94 .plupload_filelist_content { 95 padding: 0; 96 margin: 0; 97 } 98 99 .plupload_cell {padding: 8px 6px;} 100 101 .plupload_file { 102 list-style: none; 103 display: block; 104 position: relative; 105 overflow: hidden; 106 width: 100%; 107 } 108 109 .plupload_file_thumb { 110 position: absolute; 111 left: 6px; 112 top: 6px; 113 background: #eee url(../img/loading.gif) center no-repeat; 114 } 115 116 .plupload_file_thumb_loaded .plupload_file_thumb { 117 background-image: none; 118 } 119 120 .plupload_file_name { 121 overflow: hidden; 122 text-overflow: ellipsis; 123 white-space: nowrap; 124 } 125 126 .plupload_filelist_header { 127 border-top: none; 128 } 129 130 .plupload_filelist_footer { 131 position: absolute; 132 bottom: 0; 133 left: 0; 134 right: 0; 135 } 136 137 .plupload_buttons { 138 position: relative; 139 } 140 141 /* list view */ 142 .plupload_view_list .plupload_file { 143 border-left: none; 144 border-right: none; 145 border-top: none; 146 height: 29px; 147 } 148 149 .plupload_view_list div.plupload_file_size, 150 .plupload_view_list div.plupload_file_status, 151 .plupload_view_list div.plupload_file_action { 152 padding: 8px 6px; 153 position: absolute; 154 top: 0; 155 right: 0; 156 } 157 158 .plupload_view_list div.plupload_file_name { 159 margin-right: 156px; 160 padding: 8px 6px; 161 _width: 75%; 162 } 163 164 .plupload_view_list div.plupload_file_size { 165 right: 28px; 166 } 167 168 .plupload_view_list div.plupload_file_status { 169 right: 82px; 170 } 171 172 .plupload_view_list .plupload_file_rename { 173 margin-left: -2px; 174 } 175 176 .plupload_view_list .plupload_file_size, 177 .plupload_view_list .plupload_file_status, 178 .plupload_filelist_footer .plupload_file_size, 179 .plupload_filelist_footer .plupload_file_status { 180 text-align: right; 181 width: 52px; 182 } 183 184 .plupload_view_list .plupload_file_thumb, 185 .plupload_view_list .plupload_file_dummy { 186 top: -999px; 187 } 188 189 .plupload_view_list .plupload_file_progress { 190 display: none; 191 } 192 193 194 /* thumbs view */ 195 .plupload_view_thumbs .plupload_content { 196 top: 57px; 197 } 198 199 .plupload_view_thumbs .plupload_filelist_header { 200 display: none; 201 } 202 203 .plupload_view_thumbs .plupload_file { 204 width: 100px; 205 padding: 72px 6px 6px; 206 margin: 10px; 207 border: 1px solid #fff; 208 float: left; 209 } 210 211 .plupload_view_thumbs .plupload_file_thumb, 212 .plupload_view_thumbs .plupload_file_dummy { 213 width: 100px; 214 height: 60px; 215 text-align: center; 216 overflow: hidden; 217 } 218 219 .plupload_view_thumbs .plupload_file_dummy { 220 font-size: 21px; 221 font-weight: bold; 222 text-transform: lowercase; 223 overflow: hidden; 224 line-height: 60px; 225 border: none; 226 } 227 228 .plupload_view_thumbs div.plupload_file_action { 229 position: absolute; 230 top: 0; 231 right: 0; 232 } 233 234 .plupload_view_thumbs div.plupload_file_name { 235 padding: 0; 236 font-weight: bold; 237 } 238 239 .plupload_view_thumbs .plupload_file_rename { 240 padding: 1px 0; 241 width: 100% !important; 242 } 243 244 .plupload_view_thumbs div.plupload_file_size { 245 font-size: 0.8em; 246 font-weight: normal; 247 } 248 249 .plupload_view_thumbs div.plupload_file_status { 250 position: absolute; 251 top: 67px; 252 left: 6px; 253 width: 100px; 254 height: 3px; 255 overflow: hidden; 256 text-indent: -999px; 257 } 258 259 .plupload_view_thumbs div.plupload_file_progress { 260 border: none; 261 height: 100%; 262 } 263 264 .plupload .ui-sortable-helper, 265 .plupload .ui-sortable .plupload_file { 266 cursor:move; 267 } 268 269 .plupload_file_action {width: 16px;} 270 .plupload_file_name { 271 overflow: hidden; 272 padding-left: 10px; 273 } 274 275 .plupload_file_rename { 276 border: none; 277 font: normal 11px Verdana, sans-serif; 278 padding: 1px 2px; 279 line-height: 11px; 280 height: 11px; 281 } 282 283 .plupload_progress {width: 60px;} 284 .plupload_progress_container {padding: 1px;} 285 286 287 /* Floats */ 288 289 .plupload_right {float: right;} 290 .plupload_left {float: left;} 291 .plupload_clear,.plupload_clearer {clear: both;} 292 .plupload_clearer, .plupload_progress_bar { 293 display: block; 294 font-size: 0; 295 line-height: 0; 296 } 297 .plupload_clearer {height: 0;} 298 299 /* Misc */ 300 .plupload_hidden {display: none;} 301 302 .plupload_droptext { 303 position: absolute; 304 top: 0; 305 left: 0; 306 right: 0; 307 bottom: 0; 308 background: transparent; 309 text-align: center; 310 vertical-align: middle; 311 border: 0; 312 line-height: 160px; 313 display: none; 314 } 315 316 .plupload_dropbox .plupload_droptext { 317 display: block; 318 } 319 320 .plupload_buttons, .plupload_upload_status {float: left} 321 322 .plupload_message { 323 position: absolute; 324 top: -1px; 325 left: -1px; 326 height: 100%; 327 width: 100%; 328 } 329 330 .plupload_message p { 331 padding:0.7em; 332 margin:0; 333 } 334 335 .plupload_message strong { 336 font-weight: bold; 337 } 338 339 plupload_message i { 340 font-style: italic; 341 } 342 343 .plupload_message p span.ui-icon { 344 float: left; 345 margin-right: 0.3em; 346 } 347 348 .plupload_header_content .ui-state-error, 349 .plupload_header_content .ui-state-highlight { 350 border:none; 351 } 352 353 .plupload_message_close { 354 position:absolute; 355 top:5px; 356 right:5px; 357 cursor:pointer; 358 } 359 360 .plupload .ui-sortable-placeholder { 361 height:35px; 362 }