uploaders.css 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .bx-uploader-msg-info {
  2. padding:1px 0px 1px 16px;
  3. background-image:url(../images/icons/information-small-white.png);
  4. background-repeat:no-repeat;
  5. }
  6. .bx-uploader-msg-err {
  7. padding:1px 0px 1px 16px;
  8. background-image:url(../images/icons/exclamation-small-red.png);
  9. background-repeat:no-repeat;
  10. color:#900;
  11. }
  12. .bx-uploader-form-cont {
  13. width:500px;
  14. }
  15. .bx-uploader-ghost-preview {
  16. width:101px;
  17. float:left;
  18. }
  19. .bx-uploader-ghost-preview img {
  20. width:101px;
  21. min-height:20px;
  22. background-image:url(../images/loading-spinner.gif);
  23. background-repeat:no-repeat;
  24. background-position:center center;
  25. -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
  26. }
  27. .bx-uploader-ghost-form {
  28. width:500px;
  29. float:left;
  30. }
  31. .bx-uploader-ghost-form-filename {
  32. }
  33. .bx-uploader-ghost-form-actions {
  34. }
  35. /* simple uploader */
  36. .bx-uploader-simple-file {
  37. margin-bottom:5px;
  38. }
  39. /* html5 uploader */
  40. .bx-uploader-html5 { }
  41. .bx-uploader-html5-drop-area {
  42. width:auto;
  43. z-index:2;
  44. height:200px;
  45. line-height:200px;
  46. text-align:center;
  47. border:5px dashed #ccc;
  48. }
  49. .bx-uploader-html5-drop-area-active { border-color:#999; }
  50. .bx-uploader-html5-list { padding:0; list-style:none; }
  51. .bx-uploader-html5-list li { margin:0; padding:0; line-height:15px; }
  52. .bx-uploader-html5-file, .bx-uploader-html5-spinner, .bx-uploader-html5-size, .bx-uploader-html5-cancel, .bx-uploader-html5-failed-text {
  53. margin-right: 7px;
  54. }
  55. .bx-uploader-html5-file {}
  56. .bx-uploader-html5-spinner { display:inline-block; background: url("../images/loading-spinner.gif"); width:15px; height:15px; vertical-align:text-bottom; }
  57. .bx-uploader-html5-size, .bx-uploader-html5-cancel {}
  58. .bx-uploader-html5-failed-text { display:none; }
  59. .bx-uploader-html5-fail .bx-uploader-html5-failed-text { display:inline; }
  60. .bx-uploader-html5-button input {
  61. height:38px;
  62. }